@charset "utf-8";
/*******CSS commont*************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-weight:inherit;font-size:inherit;font-family:inherit; border: 0px;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/*******CSS reset*************/
body{ background: #fff; overflow-x: hidden; color:#333; font-size: 12px; font-family:'Microsoft YaHei','微软雅黑',Arial;}
@media (min-width:1200px) 
{
    body{ font-size: 14px; }
}
@media (min-width:1601px) 
{
    body{ font-size: 15px; }
}
a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.3s;}
a:hover{ text-decoration: none; color:#1457a0; }
a:visited{ text-decoration: none; color:#333; }
.left{float:left;}
.right{float:right;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.clear{clear:both;}
.hidden{display:none;}
.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }
 
.imgbox {position:relative;overflow:hidden;width:100%;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.imgbox:hover img{width:110%;transition:.36s width;}
.imgboxs{position:relative;overflow:hidden;width:100%;}
.imgboxs:after {content:'';display:block;padding-top:100%;}
.imgboxs img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.imgboxs:hover img{width:110%;transition:.36s width;}
.simgbox{position:relative;overflow:hidden;width:100%;}
.simgbox:after {content:'';display:block;padding-top:141%;}
.simgbox img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgbox:hover img{width:110%;transition:.36s width;}
.simgbox1{position:relative;overflow:hidden;width:100%;}
.simgbox1:after {content:'';display:block;padding-top:70%;}
.simgbox1 img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgbox1:hover img{width:110%;transition:.36s width;}
.simgbox1s{position:relative;overflow:hidden;width:100%;}
.simgbox1s:after {content:'';display:block;padding-top:65.6%;}
.simgbox1s img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgbox1s:hover img{width:110%;transition:.36s width;}
.nssimgbox1s{position:relative;overflow:hidden;width:100%;}
.nssimgbox1s:after {content:'';display:block;padding-top:48%;}
.nssimgbox1s img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.nssimgbox1s:hover img{width:110%;transition:.36s width;}
.simgbox1st{position:relative;overflow:hidden;width:100%;}
.simgbox1st:after {content:'';display:block;padding-top:56.8%;}
.simgbox1st img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgbox1st:hover img{width:110%;transition:.36s width;}
.simgbox1sts{position:relative;overflow:hidden;width:100%;}
.simgbox1sts:after {content:'';display:block;padding-top:50%;}
.simgbox1sts img {width:100%;position:absolute; top: 0px; left: 0px; transition:.36s width;}
.nsimgbox1st{position:relative;overflow:hidden;width:100%;}
.nsimgbox1st:after {content:'';display:block;padding-top:40%;}
.psimgbox1sts{position:relative;overflow:hidden;width:100%;}
.psimgbox1sts:after {content:'';display:block;padding-top:70%;}
.psimgbox1sts img {width:80%;position:absolute; top: 0px; left: 10%; transition:.36s width;}
@font-face{
     font-family: 'MONTS';
     src:url('MONTSERRAT-BLACK.TTF') format('truetype');
} 

/*******Css header*******/
#tops{ position: relative; }
#header{ height: 56px; width: 100%; position: fixed; transition: all 0.5s; top: 0px; left: 0px; z-index: 999; border-bottom:solid 1px rgba(255, 255, 255, 0.14);}
.logo{ width: 163px; float: left; margin-left: 15px; padding-top: 10px;}
.logo img{ max-width: 100%; }
.logos{ width: 163px; float: left; margin-left: 15px; padding-top: 10px; display: none;}
.logos img{ max-width: 100%; }
.header_rr{ float: right; }
.header_rrs{ color: #fff; }
.header_rrs a{ font-size: 22px; color: #fff; float: left; width: 56px; text-align: center; height: 56px; line-height: 56px; border-left: solid 1px rgba(255, 255, 255, 0.14);}
.hsearch{ z-index: 999; background: #fff; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05); display: none; width: 250px; height: 40px; line-height: 40px; border-radius: 5px; overflow: hidden; position: absolute; bottom: -46px; right: 10px;}
.keywords{ width: 190px; padding: 0px 15px; float: left;}
.hsearch_btn{ font-size: 20px; width: 60px; background: #1457a0; color: #fff; float: left; text-align: center;}
.hsearch_btn:hover{ background: #f18b5e; color: #fff; }
#header.c-head-hide{
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
  border-bottom:solid 2px #1457a0;
}
#header.c-head-move{
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#header.c-head-hide .logos{display: block;  }
#header.c-head-hide .logo{display: none;}
#header.c-head-hide .header_rrs{ color: #1457a0; }
#header.c-head-hide .header_rrs a{ color: #1457a0; border-left: solid 1px rgba(0, 0, 0, 0.05);}
@media (min-width:768px) 
{
    .header_sp1{ color: #fff; float: left; line-height: 56px; margin-left: 20px; font-size: 13px;}
    #header.c-head-hide .header_sp1{ color:#1457a0; }
}
@media (min-width:992px) 
{
    #header{ height: 66px; }
    .logo{ padding-top: 15px; }
    .logos{ padding-top: 15px; }
    .header_rrs a{ width: 66px; height: 66px; line-height: 66px;}
    .header_sp1{ line-height: 66px; }
}
@media (min-width:1200px) 
{
    .logo{ margin-left: 30px; }
    .logos{ margin-left: 30px; }
    .header_sp1{ margin-left: 25px; font-size: 15px;}
    .nav{ float: left; height: 66px; line-height: 66px; margin-right: 10px;}
    .nav a{ float: left;  color: #fff; font-size: 16px; position: relative;}
    .nav a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -6px;
    border: 6px solid transparent;
    transition: all 0.5s;
    }
    #header.c-head-hide .nav a{ color: #1457a0; }
    .nav a.on::before,.nav a:hover::before {
    border-bottom: 6px solid #fff;
    }
    #header.c-head-hide .nav a.on::before,#header.c-head-hide .nav a:hover::before{
        border-bottom: 6px solid #1457a0;
    }
    .header_rrs{ float: left; }
    .header_rrs a{ font-size: 22px; }
    .dnav{ float: left;  margin-right: 10px; }
    .dnav li{ float: left;}
    .dnav li p{ height: 66px; line-height: 66px; padding: 0px 28px; color: #fff; font-size: 16px; }
    .dnav li p a{ color: #fff; display: inline-block; position: relative;}
    .dnav li p a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -6px;
    border: 6px solid transparent;
    transition: all 0.5s;
    }
    #header.c-head-hide .dnav li p a{ color: #1457a0; }
    .dnav li p a.on::before,.dnav li:hover p a::before {
    border-bottom: 6px solid #fff; bottom: 0px;
    }
    #header.c-head-hide .dnav li p a.on::before,#header.c-head-hide .dnav li:hover p a::before{
        border-bottom: 6px solid #1457a0; bottom: 0px;
    }
    .dnav-list-box{ display: none; width: 100%; position: absolute; top: 78px; left: 0px; z-index: 999; background: #fff;box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05); padding: 40px 0px;}
    .dnav-about{ overflow: hidden; }
    .dnav-list1{ width: 44%; float: left; }
    .dnav-list1 .dnav-item{ padding: 10px 10px 10px 0;
    border-bottom: 1px solid transparent;
    transition: .5s; float: left; width: 100%;}
    .dnav-item-title{ font-size: 20px; line-height: 30px; transition: .5s;}
    .dnav-item-text {
    font-size: 13px;
    line-height: 22px; padding-right: 70px;
    color: #999; background: url(../images/navicons.png)no-repeat right center; transition: .3s;}
    .dnav-list1 .dnav-item.active {
    border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .dnav-list1 .dnav-item.active .dnav-item-text{ background: url(../images/navicon.png)no-repeat right center; }
    .dnav-list1 .dnav-item.active .dnav-item-title{ color: #1457a0; }
    .dnav-list2{ width: 50%; float: right; height: 360px; position: relative;}
    .dnav-list2 .dnav-item{ opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%; overflow: hidden;}
    .dnav-list2 .dnav-item img{ width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s; }
    .dnav-list2 .dnav-item.active {
    opacity: 1;
    z-index: 2;
   }
   .dnav-list2 .dnav-item:hover img {
    transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1); 
   }
   .dnav_pro{ overflow: hidden; text-align: center;}
   .dnav_pro a{ width: 20%; float: left; padding: 0px 20px;} 
   .dnav_pro_img{ background: url(../images/pro_bg1.jpg) no-repeat;
    background-size: cover; padding:15px 10px;}
   .dnav_pro_txt{ height: 50px; line-height: 50px; overflow: hidden; }
   .dnav_pro a:hover .dnav_pro_txt{ color: #1457a0; }
   .dnav-coc{ overflow: hidden; }
   .dnav-coc-txt{ width: 44%; float: left;}
   .dnav-coc-txt-tt{ height: 58px; line-height: 58px; border-bottom: solid 1px #ddd; font-size: 20px;}
   .dnav-coc-txt-c{ overflow: hidden; margin-top: 25px;}
   .dnav-coc-txt-cc{ float: left; width: 400px; line-height:36px; overflow: hidden;}
   .dnav-coc-txt-csc span{ color: #888; margin-right:5px; }
   .dnav-coc-txt-cwx{ width: 110px; float: right; text-align: center;}
   .dnav-coc-txt-cwx img{ width: 110px; }
   .dnav-coc-txt-cwx-txt{ margin-top: 12px; color: #999999;}
   .dnav-coc-img{ width: 50%; float: right; }
   .dnav-coc-img img{ width: 100%; }
}
@media (min-width:1601px) 
{
    #header{ height: 72px; }
    .logo{ padding-top: 18px; margin-left: 50px;}
    .logos{ padding-top: 18px; margin-left: 50px;}
    .header_sp1{ margin-left: 30px; line-height: 72px; font-size: 16px;}
    .nav{ height: 72px; line-height: 72px; margin-right: 20px; }
    .nav a{ padding: 0px 40px; }
    .nav a::before {
    margin-left: -8px;
    bottom: 12px;
    border: 8px solid transparent;
    }
    .nav a.on::before,.nav a:hover::before {
    border-bottom: 8px solid #fff;
    }
    #header.c-head-hide .nav a.on::before,#header.c-head-hide .nav a:hover::before{
        border-bottom: 8px solid #1457a0;
    }
    .header_rrs a{ width: 72px; height: 72px; line-height: 72px; font-size: 24px;}
    .dnav{ margin-right: 20px; }
    .dnav li p{ height: 72px; line-height: 72px; padding: 0px 40px; }
    .dnav li p a::before { margin-left: -8px;
    border: 8px solid transparent; }
    .dnav li p a.on::before,.dnav li:hover p a::before {
    border-bottom: 8px solid #fff;
    }
    #header.c-head-hide .dnav li p a.on::before,#header.c-head-hide .dnav li:hover p a::before{
        border-bottom: 8px solid #1457a0;
    }
    .dnav-list-box{ top: 84px; padding: 80px 0px;}
    .dnav_pro a{ padding: 0px 28px; }
    .dnav_pro_txt{ height: 62px; line-height: 62px;}
    .dnav-item-title{ font-size: 22px; line-height: 34px;}
    .dnav-item-text {
    font-size: 14px;
    line-height: 24px;}
    .dnav-coc-txt{ width: 42%; }
    .dnav-coc-txt-tt{ height: 62px; line-height: 62px; font-size: 22px;}
    .dnav-coc-txt-c{ margin-top: 40px; }
    .dnav-coc-txt-cc{ width: 460px; line-height:42px;}
    .dnav-coc-txt-cwx-txt{ margin-top: 15px; }
}
#pheader{ background: #fff; height: 56px; transition: all 0.5s; z-index: 999; border-bottom:solid 1px #E2E2E2; position: relative;}
.plogo{ width: 163px; float: left; margin-left: 15px; padding-top: 10px;}
.plogo img{ max-width: 100%; }
.pheader_rr{ float: right; }
.pheader_rrs{ color: #333; }
.pheader_rrs a{ font-size: 22px; color: #333; float: left; width: 56px; text-align: center; height: 56px; line-height: 56px; border-left: solid 1px #E2E2E2;}
#pheader.c-head-hide{
  width: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
  border-bottom:solid 2px #1457a0;
}
#pheader.c-head-move{
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#pheader.c-head-hide .pheader_rrs{ color: #1457a0; }
#pheader.c-head-hide .pheader_rrs a{ color: #1457a0; border-left: solid 1px rgba(0, 0, 0, 0.05);}
@media (min-width:768px) 
{
    .pheader_sp1{ color: #1457a0; float: left; line-height: 56px; margin-left: 20px; font-size: 13px;}
}
@media (min-width:992px) 
{
    #pheader{ height: 66px; }
    .plogo{ padding-top: 15px; }
    .pheader_rrs a{ width: 66px; height: 66px; line-height: 66px;}
    .pheader_sp1{ line-height: 66px; }
}
@media (min-width:1200px) 
{
    .plogo{ margin-left: 30px; }
    .pheader_sp1{ margin-left: 25px; font-size: 15px;}
    .pnav{ float: left; height: 66px; line-height: 66px; margin-right: 10px;}
    .pnav a{ float: left; padding: 0px 28px; font-size: 16px; position: relative;}
    .pnav a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -6px;
    border: 6px solid transparent;
    transition: all 0.5s;
    }
    #pheader.c-head-hide .pnav a{ color: #1457a0; }
    .pnav a.on::before,.pnav a:hover::before {
    border-bottom: 6px solid #1457a0;
    }
    .pnav a.on,.pnav a:hover{ color: #1457a0; font-weight: bold;}
    .pheader_rrs{ float: left; }
    .pheader_rrs a{ font-size: 22px; }
    .pdnav{ float: left;  margin-right: 10px; }
    .pdnav li{ float: left;}
    .pdnav li p{ height: 66px; line-height: 66px; padding: 0px 28px; font-size: 16px; }
    .pdnav li p a{ display: inline-block; position: relative;}
    .pdnav li p a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -6px;
    border: 6px solid transparent;
    transition: all 0.5s;
    }
    #pheader.c-head-hide .pdnav li p a{ color: #1457a0; }
    .pdnav li p a.on::before,.pdnav li:hover p a::before {
    border-bottom: 6px solid #1457a0; bottom: 0px;
    }
    #pheader.c-head-hide .pdnav li p a.on::before,#pheader.c-head-hide .pdnav li:hover p a::before{
        border-bottom: 6px solid #1457a0; bottom: 0px;
    }
    .pdnav li p a:hover{ color: #1457a0; }
}
@media (min-width:1601px) 
{
    #pheader{ height: 72px; }
    .plogo{ padding-top: 18px; margin-left: 50px;}
    .pheader_sp1{ margin-left: 30px; line-height: 72px; font-size: 16px;}
    .pnav{ height: 72px; line-height: 72px; margin-right: 20px; }
    .pnav a{ padding: 0px 40px; }
    .pnav a::before {
    margin-left: -8px;
    border: 8px solid transparent;
    }
    .pnav a.on::before,.pnav a:hover::before {
    border-bottom: 8px solid #1457a0;
    }
    .pheader_rrs a{ width: 72px; height: 72px; line-height: 72px; font-size: 24px;}
    .pdnav{ margin-right: 20px; }
    .pdnav li p{ height: 72px; line-height: 72px; padding: 0px 40px; }
    .pdnav li p a::before { margin-left: -8px;
    border: 8px solid transparent; }
    .pdnav li p a.on::before,.dnav li:hover p a::before {
    border-bottom: 8px solid #1457a0;
    }
    #pheader.c-head-hide .pdnav li p a.on::before,#pheader.c-head-hide .pdnav li:hover p a::before{
        border-bottom: 8px solid #1457a0;
    }
}

.map_closes{ height: 61px; line-height: 61px; overflow:hidden; }
.map_closes a{ text-align: center; float: right; margin-right: 2px; }
.map_closes a .iconfont{ font-size: 30px; color:#1457a0; }
.map_close:hover {
    transform: rotate(90deg);
    border-radius: 50%;
}
#menu_map{ transform: translateY(-100%);transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
    opacity: 0;position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; background: #fff; width: 100%!important; height: 100%!important; overflow:hidden; }
#menu_map.down {
    border-radius: 0% 0% 0% 0%;
    transform: translateY(0);
    opacity: 1;
}
.navp1{ padding: 10px 0px 10px 30px;  }
.navp1 img{ max-width: 90%; }
.navp2{ padding-left: 30px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #1457a0; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; border-bottom: solid 1px #f5f5f5;}
.nav-item p{overflow: hidden;line-height: 46px;max-height:46px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right;  color: #666;}
.nav-item p a{ float: left; }
.nav-item.on{ color: #1457a0; }
.nav-item.on a{ color: #1457a0; }
.nav-item.on p i{ color: #1457a0; }
#nav {
  position: fixed;
  width: 100%;
  z-index: 9999;
  height: 300vh;
  top: 0;
  left: 0;
  transform: translateY(100vh);
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  pointer-events: none;
}
#nav.on {
  pointer-events: auto;
}
#nav .nav-inner {
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  text-align: center;
}
#nav .nav-inner .close-nav {
  position: absolute;
  display: inline-block;
  width: 52px;
  height:52px;
  line-height: 52px;
  text-align: center;
  background-color: #1457a0;
  color: #fff;
  top: 8vh;
  right: 15vh;
  z-index: 10;
}
#nav .nav-inner .navItem {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-items: center;
  align-items: center;
}
#nav .nav-inner .navItem .navList {
  width: calc(100%/6);
  height: 100%;
  position: relative;
}
#nav .nav-inner .navItem .navList > a {
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}
#nav .nav-inner .navItem .navList > a > i {
  display: block;
  text-align: center;
  color: #666;
  height: 40px;
  line-height: 40px;
}
#nav .nav-inner .navItem .navList > a > span {
  text-align: center;
}
#nav .nav-inner .navItem .navList > a > span > b {
  display: block;
}
#nav .nav-inner .navItem .navList .nav-child {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  margin: auto;
  width: 1px;
  height: 1px;
  transition: height 0.5s ease 0.5s,width 0.5s ease;
}
#nav .nav-inner .navItem .navList .nav-child:after{
    content: "";position: absolute;z-index: 3;
    width: 100%;height: 100%;top: 0;left: 0; background: rgba(0, 0, 0, 0.4);
}
#nav .nav-inner .navItem .navList .nav-child > ul {
  width: 100%;
  height: 100%;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
    position: relative;
    z-index: 5;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li {
  width: 100%;
  text-align: center;
  padding: 25px 15px;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a {
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 100%;
  opacity: 1;
  display: inline-block;
  line-height: 2;
}
.backImg{ background-position: top center; background-size: cover;}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a > small {
  font-size: 16px;
  font-weight: lighter;
  display: block;
  width: 100%;
  height: 24px;
  text-align: center;
  line-height:24px;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a > img {
  display: inline-block;
  height: 85px;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li:nth-of-type(1) > a {
  font-weight: bold;
  font-size: 24px;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a:hover{ transform: translateY(-5px);}
#nav .nav-inner .navItem .navList .nav-child > ul.on {
  display: flex;
}
#nav .nav-inner .navItem .navList:hover .nav-child {
  width: 100%;
  height: 100%;
  transition: width 0.5s ease 0.5s,height 0.5s ease;
}
#nav .nav-inner .navItem .navList.show .nav-child {
  width: 100%;
  height: 100%;
  transition: width 0.5s ease 0.5s,height 0.5s ease;
}
#nav .shape-wrap {
  position: relative;
  height: 100vh;
  z-index: 10;
}
#nav .shape-wrap .shape1 {
  transform: scale(-1);
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -o-transform: scale(-1);
  -ms-transform: scale(-1);
  fill: rgba(255, 255, 255, 0.9);
}
#nav .shape-wrap .shape2 {
  fill: rgba(255, 255, 255, 0.9);
}
.f-36{  font-size: 40px; }
.mb-48 {
    margin-bottom: 48px;
}
.f-20{ font-size: 22px; }
.mb-48 {
    margin-bottom: 48px;
}
.mb-16{ margin-bottom: 16px; }
.op-6 {
    opacity: 0.6;
}
.up-word {
    text-transform: uppercase;
}
@media (min-width:1601px) 
{
    #nav .nav-inner .navItem .navList .nav-child > ul > li:nth-of-type(1) > a {
  font-size: 32px;
}
  #nav .nav-inner .navItem .navList .nav-child > ul > li{ padding:30px 20px;}
  #nav .nav-inner .navItem .navList .nav-child > ul > li > a { font-size: 15px; }
  .f-36{  font-size: 60px; }
  .f-20{ font-size: 28px; }
}

#mbanners{ overflow: hidden; }
#mbanners img{ width: 100%; transition: 1s linear 2s;}
#mbanners .swiper-slide-active img,
#mbanners .swiper-slide-duplicate-active img {
    transition: 16s linear;
    transform: scale(1.2, 1.2);
}
#banners{ overflow: hidden; }
#banners img{ width: 100%; transition: 1s linear 2s;}
#banners .swiper-slide-active img,
#banners .swiper-slide-duplicate-active img {
    transition: 16s linear;
    transform: scale(1.2, 1.2);
}
#banners a{ width: 100%; float: left; position: relative;}
#banners .swiper-pagination-bullet {
    opacity: 1;
}
#banners .c-dot {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
}
#banners .swiper-pagination{
    position: relative;
    text-align: left;
}
#banners .loading {
  margin: 0 5px;
  width: 38px;
  height: 38px;
    position: relative;
    border: 4px solid transparent;
    background: transparent;
}
#banners .loading.swiper-pagination-bullet-active {
    border-color: rgba(255,255,255,.2);
}
#banners .loading .c-progress {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
    left: 11px;
    top: 11px;
  line-height: 120px;
  text-align: center;
}
#banners .loading.swiper-pagination-bullet-active .c-progress {
    background-color: #1457a0;
}
#banners .loading .left,
#banners .loading .right {
    opacity: 0;
  width: 19px;
  height: 38px;
  overflow: hidden;
  position: absolute;
  left: -4px;
    top: -4px;
    overflow: hidden;
}
#banners .loading.swiper-pagination-bullet-active .left,#banners .loading.swiper-pagination-bullet-active .right {
    opacity: 1;
}
#banners .loading .right {
    left: auto;
    right: -4px;
    top: -4px;
}
#banners .loading .left:after,
#banners .loading .right:after {
  content: "";
  position: absolute;
    display: block;
    top: 0;
    left: 0;
  width: 19px;
  height: 38px;
    border: 4px solid #fff;
    border-radius: 19px 0 0 19px;
    border-right: 0;
}
#banners .loading .right:after {
  content: "";
    position: absolute;
  display: block;
    border-radius: 0 19px 19px 0;
    border: 4px solid #fff;
    border-left: 0;
}
#banners .loading.swiper-pagination-bullet-active .left:after {
  transform-origin: right center;
  /* animation-iteration-count: infinite; */
  animation-fill-mode: forwards;
  animation-duration: 3.9s;
  animation-timing-function: linear;
  animation-name: spin-left;
}
#banners .loading.swiper-pagination-bullet-active .right:after {
  transform-origin: left center;
  animation-duration: 3.9s;
  /* animation-iteration-count: infinite; */
  animation-timing-function: linear;
  animation-name: spin-right;
}
@keyframes spin-right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1); 
  }
}

@keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2); 
  }
}
.c-zoom {
  -webkit-animation-name: c-zoom;
  animation-name: c-zoom;
}

@media (min-width:1200px) 
{
    .banners_c{ position: absolute; left: 50%; margin-left: -600px; bottom: 180px; color: #fff;}
    .banners_c_tt{ font-size: 50px; }
    .banners_c_ft{ font-size: 20px; margin-top: 20px; line-height: 1.8;}
    .banners_c_mm{ overflow: hidden; margin-top: 50px;}
    .banners_c_mm span{ border: solid 1px #fff; float: left; padding: 8px 26px; transition: all 0.3s;}
    #banners a:hover .banners_c_mm span{ background: #fff; color: #1457a0; }
}
@media (min-width:1601px) 
{
  #banners img {
    width: 1920px;
  }
  .banners_c{ margin-left: -750px; bottom: 250px;}
  .banners_c_tt{ font-size: 80px; }
  .banners_c_ft{ font-size: 30px; margin-top: 30px;}
  .banners_c_mm{ margin-top: 80px; }
  .banners_c_mm span{ padding: 12px 36px; }
}
@media (min-width:1921px) 
{
  #banners img {
    width: 100%;
  }
}
#banners .swiper-slide-active #banners_a1 .banners_c_tt{ animation-name:fadeInRight;animation-duration: 0.6s;
    animation-delay: 0.3s; }
#banners .swiper-slide-active #banners_a1 .banners_c_ft{ animation-name:fadeInRight;animation-duration: 0.7s;
    animation-delay: 0.5s; }
#banners .swiper-slide-active #banners_a1 .banners_c_mm{ animation-name:fadeInRight;animation-duration: 0.8s;
    animation-delay: 0.7s; }
#banners .swiper-slide-active #banners_a2 .banners_c_tt{ animation-name:fadeInUp;animation-duration: 0.5s;
    animation-delay: 0.3s; }
#banners .swiper-slide-active #banners_a2 .banners_c_ft{ animation-name:fadeInUp;animation-duration: 0.6s;
    animation-delay: 0.5s; }
#banners .swiper-slide-active #banners_a2 .banners_c_mm{ animation-name:fadeInUp;animation-duration: 0.7s;
    animation-delay: 0.7s; }
#banners .swiper-slide-active #banners_a3 .banners_c_tt{ animation-name:fadeInRight;animation-duration: 0.7s;
    animation-delay: 0.3s; }
#banners .swiper-slide-active #banners_a3 .banners_c_ft{ animation-name:fadeInRight;animation-duration: 0.8s;
    animation-delay: 0.5s; }
#banners .swiper-slide-active #banners_a3 .banners_c_mm{ animation-name:fadeInRight;animation-duration: 0.9s;
    animation-delay: 0.7s; }

.banner-box{ position:relative;}
.bannerc li { line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; height:100%;}
.bannerc li figure{ display:block; position:relative; left:0; top:0; width:100%;}
.bannerc li img{ display:block; width:100%; height:auto;}
.bannerc li.flex-active-slide{  -webkit-animation: show 0.99s forwards ease-in-out; animation: show 0.99s forwards ease-in-out; z-index:3 !important;}
.bannerc li.flex-active-slide .sbanners_c{ opacity:1; visibility:visible; transform:skew(0deg) translateX(0); transition:0.75s 0.4s ease-in-out;}
.bannerc li{z-index: 4 !important;opacity: 1;
    -webkit-animation: decreaseHeight 0.99s forwards ease-in-out; animation: decreaseHeight 0.99s forwards ease-in-out;}

.banner-box .flex-control-nav{ position:absolute; z-index:6; height:10px; transition:0.4s; left:90px; bottom:20px;}
.banner-box .flex-control-nav li{ float:left; margin-right:11px;}
.banner-box .flex-control-nav li:last-child{ margin-right:0;}
.banner-box .flex-control-nav li a{ display:block; width:10px; height:10px; text-indent:9999px; overflow:hidden; border-radius:50%; background:#fff; line-height:1;}
.banner-box .flex-control-nav li a.flex-active{ background:#f9bf00;}
.bannerc { width:100%; height:100%; left:0; top:0;}
.bannerbg{ position:absolute; left:79px; width:100px; height:38px; bottom:0; z-index:5; background:#21399B; transition:0.4s; transform-origin:center bottom; display: none;}
.bamnline { width: 100%; left:0; bottom:0; z-index:5; position:absolute;}
.bamnline span { display: block; width: 0; height: 4px; background: #21399B; }
.bamnline.load span { width: 100%; transition:4.8s 0s linear; -webkit-transition:4.8s 0s linear; -moz-transition:4.8s 0s linear; }
.sbanners_c{ position: absolute; left: 50%; margin-left: -600px; bottom: 180px; color: #fff; transform:translateX(220px); opacity:0; visibility:hidden;}
.sbanners_c_tt{ font-size: 50px; }
.sbanners_c_ft{ font-size: 22px; margin-top: 20px; line-height: 1.6;}
.sbanners_c_mm{ overflow: hidden; margin-top: 40px;}
.sbanners_c_mm span{ border: solid 1px #fff; float: left; padding: 8px 26px; transition: all 0.3s;}
.sbannerc a:hover .sbanners_c_mm span{ background: #fff; color: #1457a0; }
.tops_mm{ width: 100%;  cursor: pointer; transition: all 0.3s; z-index: 999; position: absolute; bottom: 40px; text-align: center; color:rgba(255, 255, 255, 0.9);}
.tops_mm_p2{ animation:fadeInDown 2s infinite; margin-top: 10px; height: 17px; background: url(../images/icon1.png) no-repeat center;}
@media (min-width:1601px) 
{
  .banner-box .flex-control-nav{ left:200px; height:13px; }
  .banner-box .flex-control-nav li{ margin-right:15px; }
  .banner-box .flex-control-nav li a{ width:13px; height:13px; }
  .sbanners_c{ margin-left: -750px; bottom: 250px;}
  .sbanners_c_tt{ font-size: 100px; }
  .sbanners_c_ft{ font-size: 38px; margin-top: 30px;}
  .sbanners_c_mm{ margin-top: 75px; }
  .sbanners_c_mm span{ padding: 12px 36px; }
  .tops_mm_p2{ margin-top: 12px; }
}
.tops_mm:hover{ color: #fff; }
@-webkit-keyframes decreaseHeight {
    from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        width: 0;
    }
}

@keyframes decreaseHeight {
    from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        width: 0;
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    1%,100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }
    1%,100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0%,99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0%,99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes increaseHeight {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes increaseHeight {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    1%,100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }
    1%,100% {
        opacity: 1;
    }
}

/*******Css home*******/ 
#chan1{ padding: 20px 0px;}
.about_t{ overflow: hidden; }
.about_t a{ font-size: 20px;}
.mabout_img{ text-align: center; margin-top: 10px;}
.mabout_img img{max-width: 100%;}
.about_txt{ margin-top: 10px; line-height: 2; font-size: 13px; }
@media (min-width:1200px) 
{
    #chan1{ padding: 40px 0px 10px 0px;}
    .about_t a{ font-size: 30px;}
    .about_img{ position: relative; margin-top: 10px; background: url(../images/about_img1.png) no-repeat top center; background-size:100% auto; text-align: center; padding-bottom: 30px;}
    .about_img2{ position: absolute; width: 900px; height: 254px; top: 50%; left: 50%; margin-top: -127px; margin-left: -450px;}
    .about_imgc{ display: inline-block; position: relative; z-index: 1;}
    .about_imgc1{ float: left; overflow: hidden; width: 304px; height: 600px; border-top-right-radius:95px; border-bottom-left-radius:90px;}
    .about_imgc2{ float: left; margin-left: 40px; margin-top:118px; overflow: hidden; width: 304px; height: 482px; border-top-left-radius:95px; border-bottom-right-radius:90px;}
    .about_txt{ font-size: 15px; text-align: center; }
    .about_mm{ cursor: pointer; transition: all 0.3s; margin-top: 25px; text-align: center; color: #999999;}
    .about_mm_p2{ animation:fadeInDown 2s infinite; margin-top: 10px; height: 17px; background: url(../images/icon1.png) no-repeat center;}
}
@media (min-width:1601px) 
{
    #chan1{ padding: 75px 0px 15px 0px;}
    .about_t a{ font-size: 36px;}
    .about_img{ margin-top: 15px; background-size:auto auto; }
    .about_img2{ width: 1047px; height: 296px; margin-top: -148px; margin-left: -523px;}
    .about_imgc2{ margin-left: 43px;}
    .about_txt{ font-size: 16px; }
    .about_mm{ margin-top: 30px; }
    .about_mm_p2{ margin-top: 12px; }
}
.about_mm:hover{ color: #1457a0; }
.about_mm:hover .about_mm_p2{  background: url(../images/icon1h.png) no-repeat center; }
#chan2{ position: relative; overflow: hidden;}
#chan2 .gallery-top{ overflow: hidden; }
#chan2 .gallery-top .swiper-slide{ position: relative;}
.product_bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.product_bg img{ width: 100%; }
.mproduct_bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: top center; background-size:cover; opacity: 0.7;}
.product_c{ padding: 20px 0px 200px 0px; z-index: 99; position: relative;}
.product_tt a{font-size: 20px; color: #fff;}
.product_tt a:hover{ color: #fff; font-weight: bold; }
.product_cc{ background: #fff; padding: 12px; margin-top: 15px; }
.product_txt{ margin-top: 12px;}
.product_cc_tt{ height: 34px; line-height: 34px; overflow: hidden; font-size: 16px; font-weight: bold;}
.product_cc_cc{ padding: 10px 0px; border-bottom: solid 1px #EBEBEB; position: relative; padding-left: 45px;}
.product_cc_cc span{ position: absolute; top: 10px; left: 0px; width: 40px; text-align: center; color: #999999;}
.product_cc_cc p{line-height: 18px; height: 36px; overflow: hidden;}
.product_cc_mm{ overflow: hidden; margin-top: 15px;}
.product_cc_mm a{ float: left; padding: 8px 20px; border-radius: 5px;}
.product_cc_mma1{ background: #e1e1e1;}
.product_cc_mma2{ background: #1457a0; color: #fff; margin-left: 12px;}
.product_cc_mma1:hover{ background: #1457a0; color: #fff;}
.product_cc_mma2:hover{ background: #f18e0d; color: #fff;}
#chan2 .prothumbs{ width: 100%; position: absolute; bottom: 20px; left: 0px;}
#chan2 .prothumbs .gallery-thumbs{ text-align: center; width: 96%; overflow: hidden; margin: 0px auto;}
#chan2 .prothumbs .gallery-thumbs .swiper-slide{ cursor: pointer; }
.product_timg{ background: #fff; border-radius: 50%; }
.product_ttxt{ color: #fff; height: 24px; line-height: 24px; overflow: hidden; margin-top: 5px;}
.product_tdot{ position: relative; margin-top: 6px; height: 6px;}
.product_tdot i{ border-radius: 50%; width:6px; height: 6px; position: absolute; top: 0px; left: 50%; margin-left: -3px; transition: all 0.8s;}
#chan2 .prothumbs .gallery-thumbs .swiper-slide-thumb-active .product_tdot i{ background: #fff; }
#chan2 .prothumbs .gallery-thumbs .swiper-slide-thumb-active .product_timg{ background: #154db2; }
@media (min-width:768px) 
{
    .product_c{ padding: 20px 0px 224px 0px; background: rgba(0, 0, 0, 0.3);}
    .product_cc{ display: flex; justify-content: space-between; align-items: center; }
    .product_img{ width: 52%;}
    .product_txt{ width: 44%; margin-top: 0px;}
    .product_cc_cc p{ max-height: 36px; height: auto;}
}
@media (min-width:992px) 
{
    .product_c{ padding: 20px 0px 230px 0px; }
    .product_img{ width: 40%;}
    .product_txt{ width: 52%;}
    .product_cc{ margin-top: 18px;}
}
@media (min-width:1200px) 
{
    .product_c{ padding: 60px 0px 260px 0px; }
    .product_tt a{ font-size: 30px; }
    .product_cc{ margin-top: 30px; padding: 20px; }
    .product_img{ width: 34%;}
    .product_txt{ width: 62%;}
    #chan2 .prothumbs{ bottom: 30px; }
    .product_cc_mm a{ font-size: 12px; }
    .product_cc_tt{ font-size: 18px; }
}
@media (min-width:1601px) 
{
    .product_c{ padding: 100px 0px 310px 0px; }
    .product_tt a{ font-size: 36px; }
    .product_cc{ margin-top: 50px; padding: 40px 45px;}
    #chan2 .prothumbs{ bottom: 40px;}
    #chan2 .prothumbs .gallery-thumbs{ width: 92%; }
    .product_cc_tt{ margin-bottom: 10px; }
    .product_cc_tt a{ font-size: 22px; }
    .product_cc_cc{ padding: 12px 0px; padding-left: 55px; font-size: 14px;}
    .product_cc_cc span{ width: 50px; top: 12px; }
    .product_cc_cc p{ line-height: 22px; max-height: 44px;}
    .product_cc_mm{ margin-top: 20px; }
    .product_cc_mm a{ font-size: 12px; }
    .product_img{ width: 32%;}
    .product_txt{ width: 64%;}
}
#chan2 .gallery-top .swiper-slide-active .product_cc{ animation-name:fadeInUp;animation-duration: 0.6s;
    animation-delay: 0.3s; }
#chan2s{ position: relative; height: 100%; overflow: hidden; height: 680px;}
#chan2s .twoItem{ position: absolute; top: 0px; }
#chan2s .twoItem .twoItem-img{ position: absolute; top: 0px; left: 0px; }
.dproduct_c{ width: 1200px; position: absolute; padding-top: 60px; top: 0px; left: 50%; margin-left: -600px; opacity: 0; transform: translate(0px,50px);}
#chan2s .twoItem.act .dproduct_c{ opacity: 1; transition: 600ms ease 900ms; transform: translate(0px,0px);}
.twoList{ position: absolute; width: 100%; z-index: 100;bottom: 25px;text-align:center; }
.twoList li{display:inline-block; width: 90px; margin: 0px 15px; cursor: pointer; }
.dproduct_timg{ position: relative; width: 90px; height: 90px;}
.dproduct_timgc{ position:absolute ;z-index: 22; width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px;}
.twoList .y1,.twoList .y2{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; z-index: 1; display: block; border-radius: 50%;}
.twoList .y1{ background: #fff;}
.twoList .y2{ background:#154db2; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5);  visibility: hidden;}
.twoList li:hover .y1,.twoList li.act .y1{ opacity: 0;transform: scale(1.1); -webkit-transform: scale(1.1);}
.twoList li:hover .y2,.twoList li.act .y2 { opacity: 1;transform: scale(1); -webkit-transform: scale(1);visibility: visible;}
.twoList li.act .product_tdot i{ background: #fff; }
@media (min-width:1601px) 
{
    #chan2s{ height: 830px; }
    .dproduct_c{ width: 1500px; margin-left: -750px; padding-top: 80px;}
    .twoList{ bottom: 40px; }
    .twoList li{ width: 106px; margin: 0px 25px;}
    .dproduct_timg{ width: 106px; height: 106px; }
    .dproduct_timgc{ width: 96px; height: 96px; margin-top: -48px; margin-left: -48px;}
}

#chan3{ padding: 30px 0px; background-repeat: no-repeat; background-position: top center; background-size:cover; background-attachment: fixed;}    
.chan3c{ transition: all 0.3s; }
.chan3c a{ color: #fff; }
.chan3c_tt{ font-size: 30px; }
.chan3c_ft{ font-size: 16px; margin-top: 10px;}
.chan3c_fts{ font-size: 14px; margin-top: 10px;}
.chan3c_mm{ overflow: hidden; margin-top: 25px;}
.chan3c_mm span{ border: solid 1px #fff; float: left; padding: 8px 26px; transition: all 0.3s;}
@media (min-width:768px) 
{
    #chan3{ padding: 40px 0px; }
}
@media (min-width:992px) 
{
    #chan3{ padding: 50px 0px; }
    .chan3c_tt{ font-size: 35px; }
}
@media (min-width:1200px) 
{
    #chan3{ padding: 80px 0px; }
    .chan3c_tt{ font-size:45px; }
    .chan3c_ft{ font-size: 20px; margin-top: 20px;}
    .chan3c_fts{ font-size: 16px; margin-top: 15px;}
    .chan3c_mm{ margin-top: 40px; }
}
@media (min-width:1601px) 
{
    #chan3{ padding: 206px 0px 180px 0px; }
    .chan3c_tt{ font-size:60px; }
    .chan3c_ft{ font-size: 38px; }
    .chan3c_fts{ font-size: 20px; }
    .chan3c_mm{ margin-top: 55px; }
    .chan3c_mm span{ padding: 12px 36px; }
}
#chan3:hover .chan3c{ transform: translateY(-10px); }
.chan3c a:hover .chan3c_mm span{ background: #fff; color: #1457a0;}
#chan4{ background: #191919; padding: 20px 0px; text-align: center;}
.chan4_tt{ font-size: 20px; color: #fff;}
.chan4_ft{ color: #929292; font-size: 13px; margin-top: 10px; line-height: 2;}
@media (min-width:1200px) 
{
    #chan4{ padding: 40px 0px; }
    .chan4_tt{ font-size: 30px; }
    .chan4_ft{ font-size: 15px; margin-top: 15px;}
}
@media (min-width:1601px) 
{
    #chan4{ padding: 75px 0px; }
    .chan4_tt{ font-size: 36px; }
    .chan4_ft{ font-size: 16px; margin-top: 20px;}
}
#chan5{ padding: 35px 0px; background-repeat: no-repeat; background-position: top center; background-size:cover; background-attachment: fixed; }
.chan5c{ transition: all 0.3s; }
.chan5c a{ color: #fff; }
.chan5c_tt{ font-size: 30px; }
.chan5c_ft{ font-size: 16px; margin-top: 10px;}
.chan5c_mm{ overflow: hidden; margin-top: 25px;}
.chan5c_mm span{ border: solid 1px #fff; float: left; padding: 8px 26px; transition: all 0.3s;}
@media (min-width:768px) 
{
    #chan5{ padding: 50px 0px; }
}
@media (min-width:992px) 
{
    #chan5{ padding: 60px 0px; }
}
@media (min-width:1200px) 
{
    #chan5{ padding: 120px 0px; }
    .chan5c_tt{ font-size:45px; }
    .chan5c_ft{ font-size: 20px; margin-top: 20px;}
    .chan5c_mm{ margin-top: 40px; }
}
@media (min-width:1601px) 
{
    #chan5{ padding: 273px 0px 275px 0px; }
    .chan5c_tt{ font-size:60px; }
    .chan5c_ft{ font-size: 38px; }
    .chan5c_mm{ margin-top: 55px; }
    .chan5c_mm span{ padding: 12px 36px; }
}
#chan5:hover .chan5c{ transform: translateY(-15px); }
.chan5c a:hover .chan5c_mm span{ background: #fff; color: #1457a0;}
#chan6{ background: #1457a0; line-height: 2; font-size: 13px; color: rgba(255, 255, 255, 0.5); padding: 20px 0px; text-align: center;}
@media (min-width:1200px) 
{
    #chan6{ padding: 25px 0px; font-size: 15px;}
}
@media (min-width:1601px) 
{
    #chan6{ padding: 30px 0px; font-size: 16px;}
}
#chan7{ padding: 25px 0px 30px 0px; }
.chan7_tt{ overflow: hidden;}
.chan7_tt_a1{ height: 35px; line-height: 35px; font-size: 20px;}
.chan7_tt_a2{ border: solid 1px #1457a0; color: #1457a0; padding: 8px 26px;}
.chan7_tt_a2:hover{ background: #1457a0; color: #fff; }
.news{ overflow: hidden; margin-top: 15px;}
.news a{ width: 100%; float: left; position: relative; border-bottom: 1px solid #DEDEDE; }
.news a:before {
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    transition: all 0.5s;
}
.news a:after {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 70%;
    background: rgba(20,87,160,.7);
    transition: all 0.5s;
}
.news a:hover:after {
    bottom: 0;
}
.news a img {
    position: relative;
    z-index: 2;
    opacity: 1;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news a .news_txt {
    position: absolute;
    bottom: 50%;
    left: 0;
    padding: 15px 10px;
    z-index: 5;
    width: 100%;
    color: #fff;
    transform: translateY(50%);
    transition: all 0.5s;
}
.news a .news_txt_time {
    font-family: 'MONTS';
    line-height: 32px;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.5s;
}
.news a .news_txt_tt {
    font-weight: bold;
    margin: 5px 0px 10px 0px;
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.news a .news_txt_dc{ line-height: 20px; height: 60px; color: rgba(255, 255, 255, 0.7); overflow: hidden;}
.news a .news_txt_arrow {
    margin-top: 20px;
    opacity: 1;
    height: 24px;
    background: url(../images/icon2s.png) no-repeat left center;
    transition: all 0.5s;
}
.news a:hover .news_txt_arrow{
    display: none;
}
.news a:hover .news_txt{
    bottom: 0px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media (min-width:768px) 
{
    .news a .news_txt{ padding: 20px 15px; }
}
@media (min-width:992px) 
{
    .news a:after { height: 60%; }
}
@media (min-width:1200px) 
{
  #chan7{ padding: 70px 0px 75px 0px; }
  .chan7_tt_a1{ height: 38px; line-height: 38px; font-size: 30px;}
  .news{ margin-top: 30px; }
  .news a{ height: 340px; }
  .news a img{ opacity: 0; }
  .news a:before{ opacity: 0; }
  .news a:after { height:55%;}
  .news a .news_txt{ color: #333; padding: 25px 30px; bottom: 60%; transform: translateY(60%);}
  .news a .news_txt_time{ color: #c1c1c1; font-size: 16px;}
  .news a .news_txt_tt { font-size: 16px; margin: 10px 0px 20px 0px;}
  .news a .news_txt_dc{ line-height: 23px; height: 69px; color: #888;}
  .news a .news_txt_arrow{ margin-top: 40px; background: url(../images/icon2.png) no-repeat left center;}
  .news a:hover:before,.news a:hover img{
    opacity: 1;
   }
  .news a:hover .news_txt{ color: #fff; }
  .news a:hover .news_txt_tt{ margin: 0px 0px 10px 0px; }
  .news a:hover .news_txt_time{ color: rgba(255, 255, 255, 0.9); }
  .news a:hover .news_txt_dc{ color: rgba(255, 255, 255, 0.8); }
  .news a:hover .news_txt_arrow{ margin-top: 10px; }
}
@media (min-width:1601px) 
{
  #chan7{ padding: 165px 0px 168px 0px; }
  .chan7_tt_a1{ height: 47px; line-height: 47px; font-size: 36px;}
  .chan7_tt_a2{ padding: 12px 36px; }
  .news{ margin-top: 40px; }
  .news a{ height: 500px; }
  .news a:after { height:40%;}
  .news a .news_txt{  bottom: 50%; transform: translateY(50%);}
  .news a .news_txt_time{ font-size: 18px;}
  .news a .news_txt_tt { font-size: 17px; margin: 15px 0px 20px 0px;}
  .news a .news_txt_dc{ line-height: 30px; height: 90px; }
  .news a .news_txt_arrow{ margin-top: 55px;}
}
#chan8{ padding: 20px 0px; }
.chan8{ overflow: hidden; }
.chan8 a{ width: 50%; float: left; text-align: center; padding: 10px 15px;}
.chan8_p1{ transition: all 0.3s; font-size: 30px; color: #8C8C8C;}
.chan8_p2{ transition: all 0.3s; font-size: 18px;margin-top: 5px; color: #7B7B7B;}
.chan8_p3{ transition: all 0.3s; line-height: 20px; height: 60px; color: #999; margin-top: 5px;}
.chan8_p4{ transition: all 0.3s; color: #b8b8b8; margin-top: 10px;}
@media (min-width:768px) 
{
    .chan8 a{ width: 25%; }
}
@media (min-width:992px) 
{
    .chan8_p3{ line-height: 21px; height: 42px;}
}
@media (min-width:1200px) 
{
    #chan8{ padding: 35px 0px; }
    .chan8 a{ padding: 15px 30px; }
    .chan8_p1{ font-size: 44px; }
    .chan8_p2{ font-size: 20px; margin-top: 8px;}
    .chan8_p3{ line-height: 23px; height: 46px; margin-top: 8px;}
    .chan8_p4{ margin-top: 15px; }
}
@media (min-width:1601px) 
{
    #chan8{ padding: 50px 0px; }
    .chan8 a{ padding: 30px 60px; }
    .chan8_p1{ font-size: 50px; }
    .chan8_p2{ font-size: 21px; margin-top: 10px;}
    .chan8_p3{ line-height: 27px; height: 54px; font-size: 14px; margin-top: 10px;}
    .chan8_p4{ margin-top: 20px; }
}
.chan8c{ transition: transform 0.5s; }
.chan8 a:hover{ color: #000; }
.chan8 a:hover .chan8_p1{ color: #000; }
.chan8 a:hover .chan8_p2{ color: #333; }
.chan8 a:hover .chan8_p3{ color: #333; }
.chan8 a:hover .chan8_p4{ color: #333; }
.chan8 a:hover .chan8c{ transform: translateY(-5px); }
.xxx{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
/*******Css footer*******/
#mfooter{ background: #20283d; padding: 20px 0px; text-align: center;}
.mfooter_img img{ max-width: 100%; }
.mfooter_txt{ margin-top: 15px; }
.mfooter_txt_tt span{ display: inline-block; font-size: 14px; height: 22px; line-height: 22px; background: url(../images/ficon1.png) no-repeat left center; padding-left: 30px; color: #fff; }
.mfooter_txt_tel{ margin-top: 6px; margin-bottom: 15px; padding-bottom: 12px; border-bottom: solid 1px #3F4963;}
.mfooter_txt_tel a{ color:#fff; font-size: 20px; font-weight: bold;}
.mfooter_txt_dc span{ color: #727f9f; padding-left: 24px; display: inline-block; height: 24px; line-height: 24px; background-repeat: no-repeat; background-position: left center;}
#mfooter_txt_dc1 span{ background-image: url(../images/fic1.png); }
#mfooter_txt_dc2 span{ background-image: url(../images/fic2.png); }
#mfooter_txt_dc3 span{ background-image: url(../images/fic3.png); }
#footers{ background: #1c2336; padding: 10px 0px; text-align: center; color: #3C4558; margin-bottom: 65px;}
#footers a{ color: #3C4558; }
#footers a:hover{ color: #fff; }
@media (min-width:768px) 
{
    .mfooter{ display:inline-block; text-align: left; }
    .mfooter_img{ float: left; width: 232px; margin-top: 15px;}
    .mfooter_txt{ float: left; margin-left: 50px; margin-top: 0px;}
    #footers{ margin-bottom: 0px; }
}
@media (min-width:992px) 
{
    .mfooter_txt{ margin-left: 60px; }
}
#footer{ background: #20283d; padding: 40px 0px; }
.flogo{ float: left; width: 232px; margin-top: 30px; }
.flogo img{ width: 100%; }
.footer_pro{ width: 360px; float: left; margin-left: 50px; margin-top: 10px;}
.footer_pro a{ color: #fff; width: 33.3%; height: 36px; line-height: 36px; overflow: hidden; float: left; padding-right: 15px;}
.footer_wx{ margin-left: 25px; text-align: center; width: 160px; color: #727f9f; padding: 15px; background: #1c2336; border: solid 1px #263451; float: left;}
.footer_wx img{ width: 100%; }
.footer_wx_txt{ margin-top: 10px; font-size: 14px;}
.footer_tel{ width: 340px; float: right;}
.footer_tel_tt{ height: 22px; line-height: 22px; background: url(../images/ficon1.png) no-repeat left center; padding-left: 28px; color: #fff; font-size: 15px;}
.footer_tel_tel{ border-bottom: solid 1px #263451; font-size: 25px;font-weight: bold; color: #fff; margin-top: 15px; padding-bottom: 15px; margin-bottom: 18px;}
.footer_tel_tel a{ color: #fff; }
.footer_tel_dc{ color: #727f9f; padding-left: 26px; height: 32px; line-height: 32px; background-repeat: no-repeat; background-position: left center;}
#footer_tel_dc1{ background-image: url(../images/fic1.png); }
#footer_tel_dc2{ background-image: url(../images/fic2.png); }
#footer_tel_dc3{ background-image: url(../images/fic3.png); }
@media (min-width:1601px) 
{
    #footer{ padding: 70px 0px; }
    .footer_pro{ width: 480px; margin-left: 130px;}
    .footer_pro a{ height: 42px; line-height: 42px;}
    .footer_wx{ margin-left: 60px; }
    .footer_tel{ width: 360px; }
    .footer_tel_tt{ font-size: 17px; }
    .footer_tel_tel{ font-size: 30px; }
    .footer_tel_dc{ padding-left: 34px; height: 36px; line-height: 36px; }
    #footers{ font-size: 14px; padding: 13px 0px;}
}
.footer_pro a:hover{ font-weight: bold; }
.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#1457a0; }
.footernav a{ color: #fff; }
.footernav ul li{width: 25%; float: left; text-align: center; }
.footernp1{ font-size:24px;}
.footernp2{ line-height:1.5;}
.footernav ul li.on .footernp1{ animation: swing 1s; }

.aside-box{
    position: fixed;
    bottom: 5%;
    right: 2px;
    width: 0;
    visibility: visible;
    z-index: 50;
}
.aside-box .box{
    margin-bottom: 1px;
    font-size: 0;
    text-align: right;
}
.aside-box .box a{
    display: inline-block;
    text-align: left;
}
.aside-box .box .txt{
    padding: 0 10px 0 5px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding-left: 54px;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-color: #1457a0;
    border-radius: 4px 0 0 4px;
    position: relative;
    right: 50px;
    white-space: nowrap;
    transition: all .3s;
}
.aside-box .box:nth-child(1) .txt{
    background-image: url('../images/aside-icon1.png');
    /*background-color: #af0808;*/
}
.aside-box .box:nth-child(2) .txt{
    background-image: url('../images/aside-icon2.png');
}
.aside-box .box:nth-child(3) .txt{
    background-image: url('../images/aside-icon4.png');
}
.aside-box .box a:hover .txt{
    right: 100%;
    background-color: #1457a0;
}

/*******Css company*******/
#company1{ padding: 30px 0px; background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; position: relative;}
.company1bg{ background: rgba(20, 87, 160, 0.8); width: 70%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px;}
.company1_c{ width: 60%; color: #fff; position: relative; z-index: 2;}
.company1_c_tt{ font-size: 25px; }
.company1_c_ft{ font-size: 18px; margin-top: 10px;}
.company1_c_fts{ font-size: 16px; margin-top: 10px;}
.company1_c_sfts{ font-size: 14px; margin-top: 10px;}
.company1_c_dc{ line-height: 1.8; margin-top: 10px;}
.company1_c_mm{ overflow: hidden; margin-top: 20px;}
.company1_c_mm span{ cursor: pointer; border: solid 1px #fff; float: left; padding: 8px 26px; transition: all 0.3s;}
.company1_c_mms{ overflow: hidden; margin-top: 35px;}
.company1_c_mms span{ cursor: pointer; border: solid 1px #fff; float: left; padding: 8px 26px; transition: all 0.3s;}
.company1_c_mm:hover span{ background: #fff; color:#1457a0; }
.company1_c_mms:hover span{ background: #fff; color:#1457a0; }
.company1_c_smms{ overflow: hidden; margin-top: 35px;}
.company1_c_smms span{ border: solid 1px #fff; float: left; padding: 8px 26px; transition: all 0.3s;}
#company2{ padding: 20px 0px; }
.company2_ul{ overflow: hidden; }
.company2_ul li{ width: 50%; float: left; text-align: center; padding: 10px 15px;}
.popcompany2_ul{ overflow: hidden; background: #f7f7f7; padding: 12px; margin-top: 15px;}
.popcompany2_ul li{ width: 50%; float: left; text-align: center; padding: 10px 15px;}
.company2_p1{ color: #1457a0; }
.company2_p1 span{ font-size: 30px; font-weight: bold; font-family:Arial; margin-left: 5px;}
.company2_p2{ font-size: 13px; }
#company3{ background: #f5f5f5; padding: 20px 0px;}
.company3_img{ overflow: hidden; text-align: center;}
.company3_img img{ width: 100%; }
.company3_txt{ margin-top: 15px;}
.company3_txt_tt{ font-size: 20px; }
.company3_txt_dc{ line-height: 20px; height: 80px; overflow: hidden; margin-top: 10px;}
.company3_txt_mm{ overflow: hidden; margin-top: 15px;}
.company3_txt_mm span{  cursor: pointer; border: solid 1px #1457a0; color: #1457a0; float: left; padding: 8px 26px; transition: all 0.3s;}
.company3_txt_mm span:hover{ background:#1457a0; color: #fff; }
#company4{ padding: 20px 0px; }
.company4_img{ overflow: hidden; text-align: center;}
.company4_img img{ width: 100%; }
.company4_txt{ margin-top: 15px; }
.company4_txt_tt{ font-size: 20px; }
.company4_txt_dc{ line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px;}
.company4_txt_cc{ line-height: 22px; height: 66px; overflow: hidden; margin-top: 10px; font-size: 14px;}
.company4_txt_mm{ overflow: hidden; margin-top: 15px;}
.company4_txt_mm span{ border: solid 1px #1457a0; color: #1457a0; float: left; padding: 8px 26px; transition: all 0.3s;}
.company4_txt a:hover{ color: #333; }
.company4_txt a .company4_txt_mm span:hover{ background: #1457a0; color: #fff;}
#company5{ padding: 20px 0px; position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover; position: relative; background-attachment: fixed; }
.company5_t{ text-align: center; }
.company5_t a{ font-size: 20px; color: #fff;}
.company5_t a b{ color: #ffe400; margin-left: 10px; font-weight: normal;}
#com_zzry{ margin-top: 15px; position: relative;}
.com_zzry{ overflow: hidden; }
.com_zzry a{ width: 100%; float:left; background: #fff; padding: 10px 10px 0px 10px; text-align: center; }
.com_zzry_txt{ margin-top: 10px; height:40px; line-height: 40px; overflow: hidden; border-top: solid 1px #E7E7E7; color: #666; font-size: 13px;}
#com_zzry .sbutton-prev,#com_zzry .sbutton-next{ transition: all 0.3s; outline: none; z-index: 3; top: 50%; margin-top: -18px; width:36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center; position: absolute;}
#com_zzry .sbutton-prev{ left: -10px; background: #fff; color: #1457a0;}
#com_zzry .sbutton-next{ right: -10px; color: rgba(20, 87, 160, 0.6); border: solid 1px rgba(20, 87, 160, 0.6);}
#com_zzry .sbutton-prev:hover{ color: rgba(255, 255, 255, 0.6); background: none; border: solid 1px rgba(255, 255, 255, 0.6); }
#com_zzry .sbutton-next:hover{ background: #fff; color: #1457a0; border: solid 1px #fff;}
.com_zzry a:hover .com_zzry_txt{ color: #1457a0; }
.company5bg{ width: 100%; height: 320px; overflow: hidden; position: absolute; bottom: 20px; left: 0px;}
.company5bgs{ width: 100%; height: 100px; background: url(../images/com_bg3.png) no-repeat top center; background-size: cover; position: absolute; bottom: 10px; left: 0px;}
#company6{ padding: 20px 0px 0px 0px; }
.company6t a{ font-size: 20px; }
.com_qywh{ overflow: hidden; margin-top: 15px; background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed;}
.com_qywh a{ overflow: hidden; height: 147px; color: #fff; width: 50%; float: left; text-align: center; padding: 25px 15px 25px 15px;}
#com_qywha1{ border-right: solid 1px rgba(255, 255, 255, 0.34); border-bottom: solid 1px rgba(255, 255, 255, 0.34);}
#com_qywha2{ border-bottom: solid 1px rgba(255, 255, 255, 0.34);}
#com_qywha3{ border-right: solid 1px rgba(255, 255, 255, 0.34); border-bottom: solid 1px rgba(255, 255, 255, 0.34);}
#com_qywha4{ border-bottom: solid 1px rgba(255, 255, 255, 0.34);}
#com_qywha5{ border-right: solid 1px rgba(255, 255, 255, 0.34);}
.com_qywhc_tt{ font-size: 18px; font-weight: bold;}
.com_qywhc_ft{ margin-top: 3px; }
.com_qywhc_dc{ line-height: 20px; height: 40px; margin-top: 10px; overflow:hidden;}
.com_qywhc_line{ transition: all 0.3s; height: 1px; margin: 10px 0px; position: relative; opacity: 0;}
.com_qywhc_line span{ transition: all 0.5s; }
.com_qywhc{ transition: transform 0.5s; }
.com_qywh a:hover{ background: rgba(20, 87, 160, 0.83); }
.com_qywh a:hover .com_qywhc_line{ opacity: 1; }
.com_qywh a:hover .com_qywhc_line span{ width: 30px; height: 1px; background: #fff; position: absolute; top: 0px; left: 50%; margin-left: -15px;}
.com_qywh a:hover .com_qywhc{ transform: translateY(-7px); }
.popcom_tt{ text-align: center; font-size: 22px;}
.popcom_ft{ font-size: 17px; text-align: center; margin-top: 5px; color:#1457a0;}
.honors{ overflow: hidden; }
.honors a{ width: 100%; float: left; background: #fff; padding: 15px 15px 0px 15px; text-align: center; margin-top: 20px;}
@media (min-width:768px) 
{
    #company1{ padding: 50px 0px; }
    .company2_ul li{ width: 25%; }
    .popcompany2_ul li{ width: 25%; }
    .company3_img{ width: 50%; float: left;}
    .company3_txt{ width: 45%; float: right; }
    .company4_img{ width: 50%; float: right; }
    .company4_txt{ width: 45%; float: left;}
    .com_qywh a{ width: 33.33%; height: 155px; padding: 30px 20px 30px 20px;}
    #com_qywha2{ border-right: solid 1px rgba(255, 255, 255, 0.34); }
    #com_qywha4{ border-right: solid 1px rgba(255, 255, 255, 0.34); }
    .honors a{ width: 49%; float: left;}
    .honors a:nth-child(2n){ float: right; }
}
@media (min-width:992px) 
{
    #company1{ padding: 70px 0px; }
    .com_qywhc_dc{ line-height: 23px; height: 23px; }
    .com_qywh a{ padding: 40px 20px 40px 20px; }
    .honors a{ width: 32%; margin-right: 2%;}
    .honors a:nth-child(2n){ width: 32%; float: left; }
    .honors a:nth-child(3n){ margin-right: 0px; }
}
@media (min-width:1200px) 
{
    #company1{ padding: 120px 0px; }
    .company1bg{ width: 50%; }
    .company1_c{ width:38%; }
    .company1_c_tt{ font-size: 40px; }
    .company1_c_ft{ font-size: 24px; margin-top: 20px;}
    .company1_c_fts{ font-size: 20px; margin-top: 20px;}
    .company1_c_sfts{ font-size: 20px; margin-top: 20px;}
    .company1_c_mm{ margin-top: 30px; }
    .company1_c_mms{ margin-top: 50px;}
    .company1_c_smms{ margin-top: 50px;}
    #company2{ padding: 25px 0px; }
    .company2_ul li{ padding: 15px 20px; }
    .popcompany2_ul{ margin-top: 30px; padding: 16px;}
    .popcompany2_ul li{ padding: 15px 20px; }
    .company2_p1 i{ font-size: 18px; }
    .company2_p1 span{ font-size: 50px; margin-left: 8px;}
    .company2_p2{ font-size: 15px; }
    #company3{ padding: 45px 0px; }
    .company3_txt{ width: 44%; margin-top: 40px;}
    .company3_txt_tt{ font-size: 30px; }
    .company3_txt_dc{ line-height: 25px; height: 75px; margin-top: 20px;}
    .company3_txt_mm{ margin-top: 45px; }
    #company4{ padding: 45px 0px; position: relative; }
    .company4_img{ width: 50%; position: absolute; top: 45px; bottom: 45px; right: 0px;}
    .company4_txt{ padding: 30px 0px 40px 0px; }
    .company4_txt_tt{ font-size: 30px; }
    .company4_txt_dc{ margin-top: 20px; line-height: 23px; height: 46px;}
    .company4_txt_cc{ line-height: 34px; height: 102px; margin-top: 25px; font-size: 18px;}
    .company4_txt_mm{ margin-top: 45px; }
    #company5{ padding: 60px 0px 80px 0px; }
    .company5_t a{ font-size: 30px; }
    #com_zzry{ margin-top: 25px; }
    .com_zzry{ width: 98%; margin: 0px auto; }
    .com_zzry a{ padding: 30px 35px 0px 35px; }
    .com_zzry_txt{ margin-top: 20px; height: 50px; line-height: 50px; font-size: 15px;}
    #com_zzry .sbutton-prev,#com_zzry .sbutton-next{ width: 52px; height: 52px; line-height: 52px; font-size: 30px;}
    #com_zzry .sbutton-prev{ left: -60px; }
    #com_zzry .sbutton-next{ right: -60px; color: rgba(255, 255, 255, 0.8); border: solid 1px rgba(255, 255, 255, 0.8);}
    #company6{ padding: 45px 0px 0px 0px; }
    .company6t a{ font-size: 30px; }
    .com_qywh{ margin-top: 25px; }
    .com_qywh a{ padding: 80px 35px 80px 35px; height: 230px;}
    .com_qywhc_tt{ font-size: 23px; }
    .com_qywhc_ft{ margin-top: 6px; }
    .com_qywhc_dc{ margin-top: 15px; opacity: 0; transition: all 0.3s;}
    .com_qywhc_line{ margin:15px 0px; }
    .com_qywh a:hover .com_qywhc{ transform: translateY(-20px); }
    .com_qywh a:hover .com_qywhc_dc{ opacity: 1; }
    .popcom_tt{ font-size: 30px; }
    .popcom_ft{ margin-top: 8px; font-size: 20px;}
    .honors a{ width: 23.5%; padding: 20px 20px 0px 20px;}
    .honors a:nth-child(2n){ width: 23.5%; }
    .honors a:nth-child(3n){ margin-right: 2%; }
    .honors a:nth-child(4n){ margin-right: 0px; }
    .company1_c_dc{ margin-top: 25px; font-size: 14px; line-height: 28px; height: 56px; overflow: hidden;}
}
@media (min-width:1601px) 
{
    #company1{ padding: 250px 0px 244px 0px; }
    .company1_c_tt{ font-size: 60px; }
    .company1_c_ft{ font-size: 36px; margin-top: 40px;}
    .company1_c_fts{ font-size: 32px; margin-top: 40px;}
    .company1_c_sfts{ font-size: 28px; margin-top: 40px;}
    .company1_c_dc{ margin-top: 30px; font-size: 15px; line-height: 30px; height: 60px; }
    .company1_c_mm{ margin-top: 45px; }
    .company1_c_mm span{ padding: 12px 36px; }
    .company1_c_mms{ margin-top: 140px; }
    .company1_c_mms span{ padding: 12px 36px;}
    .company1_c_smms{ margin-top: 140px; }
    .company1_c_smms span{ padding: 12px 36px;}
    #company2{ padding: 40px 0px 50px 0px; }
    .popcompany2_ul{ margin-top: 45px; padding: 30px 25px 40px 25px;}
    .company2_ul li{ padding: 30px 40px; }
    .company2_p1 i{ font-size: 25px; }
    .company2_p1 span{ font-size: 74px; margin-left: 10px;}
    .company2_p2{ font-size: 17px; }
    #company3{ padding: 90px 0px 110px 0px; }
    .company3_txt{ margin-top: 70px;}
    .company3_txt_tt{ font-size:50px; }
    .company3_txt_dc{ line-height: 30px; height: 90px; margin-top: 25px;}
    .company3_txt_mm{ margin-top: 55px; }
    .company3_txt_mm span{ padding: 12px 36px; }
    #company4{ padding: 120px 0px 150px 0px; position: relative; }
    .company4_img{ top: 120px; bottom: 150px; height: 648px;}
    .company4_txt{ padding: 90px 0px 70px 0px; }
    .company4_txt_tt{ font-size: 50px; }
    .company4_txt_dc{ margin-top: 25px; line-height: 32px; height: 64px;}
    .company4_txt_cc{ line-height: 38px; height:114px; margin-top: 35px; font-size: 22px;}
    .company4_txt_mm{ margin-top: 60px; }
    .company4_txt_mm span{ padding: 12px 36px; }
    #company5{ padding: 80px 0px 150px 0px; }
    .company5bg{ height: 500px; bottom: 50px;}
    .company5_t a{ font-size: 50px; }
    #com_zzry{ margin-top: 60px; }
    .com_zzry{ width: 92%; margin: 0px auto; }
    .com_zzry a{ padding: 45px 57px 0px 57px; }
    .com_zzry_txt{ margin-top: 35px; height: 70px; line-height: 70px; font-size: 16px;}
    #com_zzry .sbutton-prev,#com_zzry .sbutton-next{ width: 70px; height: 70px; line-height: 70px; font-size: 40px;}
    #com_zzry .sbutton-prev{ left: -70px; }
    #com_zzry .sbutton-next{ right: -70px; }
    #company6{ padding: 85px 0px 0px 0px; }
    .company6t a{ font-size: 50px; }
    .com_qywh{ margin-top: 50px; }
    .com_qywh a{ padding: 140px 50px 140px 50px; height: 350px;}
    .com_qywhc_line{ margin:20px 0px; }
    .com_qywhc_tt{ font-size: 30px; }
    .com_qywhc_dc{ margin-top: 20px; font-size: 18px;}
    .com_qywh a:hover .com_qywhc{ transform: translateY(-40px); }
    .popcom_tt{ font-size: 42px; }
    .popcom_ft{ margin-top: 14px; font-size: 24px;}
    .honors a{ padding: 25px 25px 0px 25px; margin-top: 25px;}
}
.honors a:hover .com_zzry_txt{ color:#1457a0;}
/*******Css product*******/
#pproduct1{ background: #1457a0; }
#pproduct1c{ position: relative; }
#pproduct1c .buttons-prev,#pproduct1c .buttons-next{ font-size: 17px; text-align: center; color: #fff; outline: none; z-index: 3; top: 50%; margin-top: -25px; width:20px; height: 50px; line-height: 50px; position: absolute;}
#pproduct1c .buttons-prev{ left: -15px; }
#pproduct1c .buttons-next{ right: -15px; }
.pproduct1c{ overflow: hidden; width:96%; margin: 0px auto;}
.pproduct1c .swiper-slide{ width: auto; margin-right: 20px;}
.pproduct1c .swiper-slide a{ width: 100%; padding: 0px 2px; float: left; height: 50px; line-height: 50px; color: #fff; font-size: 13px; position: relative;}
.pproduct1c .swiper-slide-active a{ color: #63cb6d; font-weight: bold;}
.pproduct1c .swiper-slide-active a:after{ position: absolute; content: "";
  position: absolute;
    display: block;
    bottom: 0;
    left: 0;
  width: 100%;
  height: 4px; background: #63cb6d;}
#wrap{ padding: 20px 0px 0px 0px; }
.pproduct2{ overflow: hidden; }
.pproduct2_tt{ overflow: hidden; }
.pproduct2_tt span{ float: left; font-size: 20px; height: 80px; line-height: 80px; padding-right: 55px; background: url(../images/pro_icon1.png) no-repeat right top;}
.pproduct2_p1{ color: #646464; line-height: 1.8;} 
.pproduct2_p2{ font-size: 16px; margin-top: 5px;}
.pproduct2_p2 b{ font-size: 24px; color: #1457a0; padding: 0px 3px;}
.pproductul{ overflow: hidden; margin-top: 5px;}
.pproductul li{ margin-top: 25px; }
.pproductli_img{ position: relative; background: url(../images/pro_bg1.jpg) no-repeat; background-size: cover; }
.pproductli_imgbg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/pro_bg1s.png) no-repeat; background-size: cover; }
.pproductli_txt{ margin-top: 5px; }
.pproductli_txt_tt{ margin-bottom: 10px; height: 45px; line-height: 45px; font-size: 17px; overflow: hidden; background: url(../images/pro_bg2.png) no-repeat left bottom;}
.pproductli_txt_dc{ padding: 10px 0px; border-bottom: solid 1px #f5f5f5; position: relative; padding-left: 45px;}
.pproductli_txt_dc span{ position: absolute; top: 10px; left: 0px; width: 40px; text-align: center; color: #999999;}
.pproductli_txt_dc p{line-height: 18px; max-height: 36px; overflow: hidden;}
.pproductli_txt_mm{ overflow: hidden; margin-top: 15px;}
.pproductli_txt_mm a{ border-radius: 4px; color: #1457a0; float: left; height: 45px; line-height: 45px; margin-right: 10px;}
.pproductli_txt_mma1{ padding: 0px 20px; background: #e4edf7; color: #1457a0; font-size: 13px;}
.pproductli_txt_mma3{ background:#e4edf7 url(../images/pro_icon4.png) no-repeat 14px center; padding: 0px 20px 0px 60px; }
.pproductli_txt_mma3p1{ height: 20px; line-height: 20px; padding-top: 3px;}
.pproductli_txt_mma3p2{ height: 25px; line-height: 25px; font-weight: bold; font-size: 14px; }
.pproductli_txt_mma1:hover{ background:#1457a0; color: #fff; }
.pproductli_txt_mma3:hover{ background:#1457a0 url(../images/pro_icon4h.png) no-repeat 14px center; color: #fff; }
.pproductli_txt_ul{ overflow: hidden; margin-top: 15px;}
.pproductli_txt_li{ color: #1457a0; text-align: center; float: left; background: url(../images/pro_line1.png) repeat-y right center; padding: 0px 20px;}
.pproductli_txt_li:last-child{ background: none; }
.pproductli_txt_ulp1{ font-size: 20px; }
#ms{ margin-top:30px; text-align: center;}
#list-more{ cursor: pointer; transition: all 0.3s; display: inline-block; border: solid 1px #1457a0; color:#1457a0; font-size: 13px; padding: 12px 60px 12px 46px; background: url(../images/pro_icon3.png) no-repeat 105px center;}
#list-more:hover{ background:#1457a0 url(../images/pro_icon3h.png) no-repeat 105px center; color: #fff; }
#list-more1{ cursor: pointer; display: inline-block; border: solid 1px #dedede; color:#888; font-size: 13px; padding: 12px 53px 12px 53px; }
@media (min-width:768px) 
{
    .pproduct2{ position: relative; padding-left: 160px; height: 80px;}
    .pproduct2_tt{ position: absolute; left: 0px; top: 0px;}
    .pproductul li{ overflow: hidden; }
    .pproductli_img{ width: 50%; float: left; }
    .pproductli_txt{ width: 47%; float: right; margin-top: 0px;}
    .pproductul li:nth-child(2n) .pproductli_img{ float: right; }
    .pproductul li:nth-child(2n) .pproductli_txt{ float: left; }
    .pproductli_txt_mma1{ padding: 0px 20px; }
    .pproductli_txt_mma2{ padding: 0px 20px; background: #e4edf7; color: #1457a0; font-size: 13px;}
    .pproductli_txt_mma2:hover{ background:#1457a0; color: #fff; }
    .pproduct2_p1{ line-height: 21px; height: 42px; overflow: hidden;}
    .pproduct2_p2{ overflow: hidden; }
    .pproduct2_p2 b{ font-size: 30px; float: left; line-height: 33px;}
    .pproduct2_p2 span{ float: left; line-height: 33px;}
}
@media (min-width:1200px) 
{
    #pproduct1c .buttons-prev,#pproduct1c .buttons-next{ font-size: 25px; width: 30px; margin-top: -35px; height: 70px; line-height: 70px;}
    #pproduct1c .buttons-prev{ left: -40px; }
    #pproduct1c .buttons-next{ right: -40px; }
    .pproduct1c{ width:98%;}
    .pproduct1c .swiper-slide{ width: auto; margin-right: 50px;}
    .pproduct1c .swiper-slide a{ padding: 0px 5px; height: 70px; line-height: 70px; font-size: 15px; }
    #wrap{ padding: 30px 0px 0px 0px; }
    .pproduct2{ height: 96px; padding-left: 250px; }
    .pproduct2_tt span{ font-size: 30px; height: 96px; line-height: 96px; padding-right: 65px; }
    .pproduct2_p1{ font-size: 15px; line-height: 28px; height: 56px;}
    .pproduct2_p2{ font-size: 18px; }
    .pproduct2_p2 b{ font-size: 40px; }
    .pproductul li{ margin-top: 40px; }
    .pproductli_txt{ width: 46%; }
    .pproductli_txt_tt{ height: 70px; line-height: 60px; font-size: 28px; margin-bottom: 15px;}
    .pproductli_txt_dc p{ line-height: 20px; max-height: 40px;}
    .pproductli_txt_mm{ margin-top: 25px; }
    .pproductli_txt_ul{ margin-top: 25px; }
    #ms{ margin-top: 60px; }
    #list-more{ font-size: 15px; padding: 14px 90px 14px 76px; background: url(../images/pro_icon3.png) no-repeat 145px center;}
    #list-more:hover{ background:#1457a0 url(../images/pro_icon3h.png) no-repeat 145px center; }
    #list-more1{ font-size: 15px; padding: 14px 80px 14px 80px; }
     
}
@media (min-width:1601px) 
{
    #pproduct1c .buttons-prev,#pproduct1c .buttons-next{ font-size: 28px; width: 40px; height: 80px; line-height: 80px; margin-top: -40px;}
    #pproduct1c .buttons-prev{ left: -50px; }
    #pproduct1c .buttons-next{ right: -50px; }
    .pproduct1c .swiper-slide{ width: auto; margin-right: 70px;}
    .pproduct1c .swiper-slide a{ padding: 0px 8px; height: 80px; line-height: 80px; font-size: 16px; }
    #wrap{ padding: 60px 0px 0px 0px; }
    .pproduct2{ height: 150px; padding-left: 440px; }
    .pproduct2_tt span{ font-size: 50px; height: 130px; line-height: 130px; padding-right: 80px; }
    .pproduct2_p1{ font-size: 16px; line-height: 36px; height: 72px;}
    .pproduct2_p2{ font-size: 22px; margin-top: 15px;}
    .pproduct2_p2 b{ font-size: 64px; line-height: 66px; padding: 0px 8px;}
    .pproduct2_p2 span{ line-height: 66px;}
    .pproductul{ margin-top: 0px; }
    .pproductul li{ margin-top: 100px; }
    .pproductli_txt{ width: 44%; }
    .pproductli_txt_tt{ height: 90px; line-height: 80px; font-size: 40px; margin-bottom: 20px;}
    .pproductli_txt_dc{ padding: 13px 0px 13px 55px; }
    .pproductli_txt_dc span{ top: 13px; }
    .pproductli_txt_dc p{ line-height: 24px; max-height: 48px;}
    .pproductli_txt_mm{ margin-top: 35px; }
    .pproductli_txt_mm a{ height: 62px; line-height: 62px; margin-right: 12px;}
    .pproductli_txt_mma1{ padding: 0px 30px; font-size: 16px;}
    .pproductli_txt_mma2{ padding: 0px 30px; font-size: 16px;}
    .pproductli_txt_mma3{ background:#e4edf7 url(../images/pro_icon4.png) no-repeat 25px center; padding: 0px 30px 0px 80px; }
    .pproductli_txt_mma3p1{ height: 22px; line-height: 22px; padding-top: 6px; font-size: 14px;}
    .pproductli_txt_mma3p2{ height: 36px; line-height: 36px; font-size: 17px; }
    .pproductli_txt_mma3:hover{ background:#1457a0 url(../images/pro_icon4h.png) no-repeat 25px center; }
    .pproductli_txt_ul{ margin-top: 40px; }
    .pproductli_txt_li{ padding: 0px 30px; }
    .pproductli_txt_ulp1{ font-size: 26px; }
    #ms{ margin-top: 100px; }
    #list-more{ font-size: 16px; padding: 15px 120px 15px 96px; background: url(../images/pro_icon3.png) no-repeat 175px center;}
    #list-more:hover{ background:#1457a0 url(../images/pro_icon3h.png) no-repeat 175px center; }
    #list-more1{ font-size: 16px; padding: 15px 108px 15px 108px; }
   
}
.pproductli_img:hover img{ animation-duration: 5s;
  animation-timing-function: linear;
  animation-name: tmhd;animation-iteration-count:infinite; } 
#proinfo1{ padding: 25px 0px; background:#b8bbc0 url(../images/proinfo_bg1.jpg) repeat-x bottom center; background-attachment: fixed;}
.proinfoimgs{ overflow: hidden; position: relative;}
.proinfoimgs_bg{ z-index: 3; width: 100px; height: 40px; background: url(../images/proinfo_icon4.png) no-repeat; background-size: cover; position: absolute; top: 0px; right: 0px;}
.proinfo1_txt{ margin-top: 10px; }
.proinfo1_txt_tt{ font-size: 20px; margin-bottom: 10px;}
.proinfo1_txt_dc{ padding: 10px 0px; position: relative; padding-left: 45px;}
.proinfo1_txt_dc span{ position: absolute; top: 10px; left: 0px; width: 40px; text-align: center; font-size: 13px;}
.proinfo1_txt_dc p{line-height: 18px; max-height: 36px; overflow: hidden;}
.proinfo1_txt_ul{ overflow: hidden; margin-top: 15px;}
.proinfo1_txt_ul li{ width: 80px; height: 80px; padding: 15px; margin-right: 20px; text-align: center; float: left; border-radius: 50%; color: #fff;}
#proinfo1_txt_li1{ background: #61cedd; }
#proinfo1_txt_li2{ background: #56c260; }
#proinfo1_txt_li3{ background: #f18b5e; }
.proinfo1_txt_lip1{ font-size: 22px; }
.proinfo1_txt_lip2{ margin-top: 2px; }
.proinfo1_txt_mm{ overflow: hidden; margin-top: 20px;}
.proinfo1_txt_mm a{ float: left;}
.proinfo1_txt_mm a.proinfo1_txt_mma1{ padding: 0px 12px; background: #1457a0; color: #fff; font-size: 13px; height: 42px; line-height: 42px; border-radius: 4px; margin-right: 10px;}
.proinfo1_txt_mm a.proinfo1_txt_mma2{ padding: 0px 12px; border: solid 1px #1457a0; color: #1457a0; font-size: 13px; height: 42px; line-height: 42px; border-radius: 4px; margin-right: 10px;}
.proinfo1_txt_mma3{ height: 42px; padding-top: 5px; background: url(../images/pro_icon4.png) no-repeat left center; padding-left: 40px; color: #1457a0;}
.proinfo1_txt_mma3p2{ font-weight: bold; font-size: 13px;}
#proinfo2{ background:#1457a0; }
.proinfo2c{ overflow: hidden; }
.proinfo2c a{ float: left; padding: 0px 3px; margin: 0px 20px; height: 46px; line-height: 46px; position: relative; color: #fff; font-size: 13px;}
.proinfo2c a.on{ color: #63cb6d; }
.proinfo2c a.on:after{ position: absolute; content: "";
  position: absolute;
    display: block;
    bottom: 0;
    left: 0;
  width: 100%;
  height: 4px; background: #63cb6d;}
.proinfo3_tt{ margin-top: 10px; height: 50px; line-height: 50px; border-bottom: solid 1px #E3E3E3; font-size: 20px; background: url(../images/proinfo_icon2.png) no-repeat left center; padding-left: 22px;}
.page_Content{ margin:15px auto 0px; line-height:2; font-size: 13px;}
.page_Content img{max-width:100%;}
.page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f5f5f5 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.page_Content table td a { text-decoration:underline; color: #1457a0;}
.page_Content img{ display: inline-block; margin-bottom: 10px;}
.sinfot{ font-size: 16px; font-weight: bold; margin: 12px auto;}
.proinfo3_img{ text-align: center; overflow:hidden; margin-top: 10px;}
.proinfo3_img img{ width: 100%; }
.proinfo3cs{ overflow: hidden; margin-top: 5px;}
.proinfo3cs a{ width: 100%; float: left; margin-top: 10px; background: #f5f6fa; padding: 15px 15px 20px 65px; position: relative;}
.proinfo3cs_ft{ font-size: 36px; color: #e6000f; text-align: center; height: 90px; line-height: 90px; position: absolute; top: 50%; margin-top: -45px; left: 15px;}
.proinfo3cs_tt{ height: 32px; line-height: 32px; overflow: hidden; font-size: 18px;}
.proinfo3cs_dc{ line-height: 20px; height: 60px; overflow: hidden; color: #999999; margin-top: 2px;}
.proinfo3coc{ margin-top: 15px; text-align: center;}
.proinfo3coc img{ width: 100%; }
.proinfo_zzry{ padding: 20px 0px 40px 0px; background-repeat: no-repeat; background-position: top center; background-size: cover; position: relative; background-attachment: fixed; }
.proinfo_zzry_t{ text-align: center; }
.proinfo_zzry_t a{ font-size: 20px; color: #fff;}
.proinfo_zzry_t a span{ padding: 0px 3px; display: inline-block; background: url(../images/proinfo_icon3.png) no-repeat bottom center; background-size: 100% auto; z-index: -1;}
.proinfo_zzry_t a b{ color: #ffe400; margin-left: 10px; font-weight: normal;}
.proinfo_zzrybg{ width: 100%; height: 100px; background: url(../images/com_bg3.png) no-repeat top center; background-size: cover; position: absolute; bottom: 10px; left: 0px;}
.proinfo_zzryc{ width: 94%; overflow: hidden; margin: 15px auto 0px;}
.proinfo_tj{ overflow: hidden; margin-top: 15px;}
.proinfo_tj_txt{ height: 36px; line-height: 36px; text-align: center; overflow: hidden; }
.proinfo_tj_img{ position: relative; background: url(../images/pro_bg1.jpg) no-repeat; background-size: cover;}
@media (min-width:768px) 
{
    .proinfo1c{ overflow: hidden; }
    .proinfoimgs{ width: 50%; float: right;}
    .proinfo1_txt{ width: 48%; float: left; margin-top: 0px;}
    .proinfoimgs_bg{ width: 210px; height: 86px; }
    .proinfo3cs a{ width: 49%; }
    .proinfo3cs a#proinfo3csa0{ float: right; }
}
@media (min-width:992px) 
{
    .proinfo1_txt{ margin-top: 20px; }
    .proinfo2c a{ margin:0px 30px; }
}
@media (min-width:1200px) 
{
    #proinfo1{ padding: 50px 0px 30px 0px; position: relative;}
    .proinfo1_txt_tt{ font-size: 30px; margin-bottom: 20px;}
    .proinfo1_txt_dc{ padding: 12px 0px; position: relative; padding-left: 50px;}
    .proinfo1_txt_dc span{ top: 13px; width: 45px; text-align: center; font-size: 15px;}
    .proinfo1_txt_dc p{line-height: 22px; max-height: 44px; }
    .proinfo1_txt_ul{ margin-top: 25px; }
    .proinfo1_txt_ul li{ width: 90px; height: 90px; margin-right: 25px;}
    .proinfo1_txt_lip1{ font-size: 25px; }
    .proinfo1_txt_mm{ margin-top: 40px; }
    .proinfo1_txt_mm a.proinfo1_txt_mma1{ padding: 0px 25px; font-size: 15px; height: 48px; line-height: 48px;}
    .proinfo1_txt_mm a.proinfo1_txt_mma2{ padding: 0px 25px; font-size: 15px; height: 48px; line-height: 48px; margin-right: 30px;}
    .proinfo1_txt_mma3{ height: 48px; padding-left: 45px; }
    .proinfo1_txt_mma3p2{  font-size: 16px; }
    .proinfo1_mm{ cursor: pointer; transition: all 0.3s;  width: 100%; position: absolute; bottom: 20px; left: 0px; text-align: center; color: #999999;}
    .proinfo1_mm_p2{ animation:fadeInDown 2s infinite; margin-top: 10px; height: 17px; background: url(../images/icon1.png) no-repeat center;}
    .proinfo2c{ width: 76%; float: right;}
    .proinfo2c a{ height: 56px; line-height: 56px; padding: 0px 5px; margin: 0px 50px; font-size: 15px;}
    .proinfo3_right{ width: 76%; float: right;}
    .proinfo3_tt{ margin-top: 25px; height: 70px; line-height: 70px; font-size: 28px;}
    .page_Content{ margin:30px auto 0px; font-size: 15px;}
    .sinfot{ font-size: 20px; margin: 20px auto; }
    .proinfo3_img{ margin-top: 15px; }
    .proinfo3cs a{ margin-top: 15px; }
    .proinfo3coc{ margin-top: 20px; }
    .proinfo_zzry{ padding: 30px 0px 50px 0px; }
    .proinfo_zzry_t a{ font-size: 30px; }
    .proinfo_zzryc{ margin: 25px auto 0px; }
    .proinfo_zzrybg{ height: 180px; }
    .proinfo_tj{ margin-top: 25px; }
    .proinfo_tj_txt{ height: 42px; line-height: 42px;}
    .proinfo3_left{ width: 19%; float: left; margin-top: 50px;}
    .proinfo3_left_zx{ overflow: hidden; }
    .proinfo3_left_zx a{ width: 100%; text-align: center; float: left; border-radius: 35px; height: 60px; line-height: 60px; background: #f18b5e; color: #fff; font-size: 20px;}
    .proinfo3_left_zx a:hover{ background: #1457a0; }
    .proinfo3_left_cc{  overflow: hidden; margin-top: 25px;}
    .proinfo3_left_cc a{ width: 100%; float: left; text-align: center; height: 55px; line-height: 55px; font-size: 20px; overflow: hidden;}
    .proinfo3_left_cc a:hover{ color:#1457a0; }
    .proinfo3_left_cc a.on{ color:#1457a0; }
    .proinfo3_left_tel{ margin-top: 35px; }
    .proinfo3_left_tel a{ color:#1457a0; width: 100%; padding-left: 50px; float: left; background: url(../images/pro_icon4.png) no-repeat left center;}
    .proinfo3_left_telp2{ font-size: 20px; font-weight: bold;}
    #proinfo3 .container{ position: relative; }
    .proinfo3_left.on{ width: 17%; position: fixed; top: 20px; left: 30px; background: #fff; z-index: 999; padding: 20px 20px;}
}
@media (min-width:1601px) 
{
    #proinfo1{ padding: 95px 0px 45px 0px; }
    .proinfo1_txt_tt{ font-size: 50px; margin-bottom: 45px;}
    .proinfo1_txt_dc{ padding: 14px 0px; padding-left: 55px;}
    .proinfo1_txt_dc span{ top: 16px; width: 45px; text-align: center; font-size: 16px;}
    .proinfo1_txt_dc p{line-height: 27px; max-height: 54px; }
    .proinfo1_txt_ul{ margin-top: 40px; }
    .proinfo1_txt_ul li{ width: 94px; height: 94px; margin-right: 30px;}
    .proinfo1_txt_lip1{ font-size: 28px; }
    .proinfo1_txt_mm{ margin-top: 65px; }
    .proinfo1_txt_mm a.proinfo1_txt_mma1{ padding: 0px 32px; font-size: 16px; height: 60px; line-height: 60px; margin-right: 16px;}
    .proinfo1_txt_mm a.proinfo1_txt_mma2{ padding: 0px 32px; font-size: 16px; height: 60px; line-height: 60px; margin-right: 40px;}
    .proinfo1_txt_mma3{ height: 60px; padding-left: 52px; }
    .proinfo1_txt_mma3p2{  font-size: 20px; }
    .proinfo1_mm{ bottom: 50px; }
    .proinfo2c{ width: 1130px;}
    .proinfo2c a{ height: 66px; line-height: 66px; padding: 0px 8px; margin: 0px 85px; font-size: 16px;}
    .proinfo3_right{ width: 1130px; float: right;}
    .proinfo3_tt{ margin-top: 45px; height: 95px; line-height: 95px; font-size:38px; padding-left: 36px;}
    .page_Content{ margin:40px auto 0px; font-size: 16px;}
    .sinfot{ font-size: 22px; margin: 25px auto; }
    .proinfo3_img{ margin-top: 20px; }
    .proinfo3cs a{ margin-top: 20px; }
    .proinfo3coc{ margin-top: 25px; }
    .proinfo3cs a{ padding: 45px 45px 50px 135px; }
    .proinfo3cs_ft{ left: 45px; font-size: 60px;}
    .proinfo3cs_tt{ height: 50px; line-height: 50px; font-size: 32px;}
    .proinfo3cs_dc{ margin-top: 15px; line-height: 28px; height: 84px;}
    .proinfo_zzry{ padding: 40px 0px 90px 0px; }
    .proinfo_zzry_t a{ font-size: 50px; }
    .proinfo_zzryc{ margin: 40px auto 0px; }
    .proinfo_zzrybg{ height: 200px; }
    .proinfo_tj{ margin-top: 35px; }
    .proinfo_tj_txt{ height: 46px; line-height: 46px;}
    .proinfo3_left{ width: 19%; margin-top:85px;}
    .proinfo3_left_zx a{ border-radius: 45px; height: 75px; line-height: 75px; font-size: 22px;}
    .proinfo3_left_cc{ margin-top: 35px;}
    .proinfo3_left_cc a{ height: 60px; line-height: 60px; font-size: 22px;}
    .proinfo3_left_tel{ margin-top: 35px; }
    .proinfo3_left_tel a{ padding-left: 55px; }
    .proinfo3_left_telp2{ font-size: 24px; }
    .proinfo3_left.on{ width: 16%; top: 0px; left: 100px;}
}
.proinfo1_txt_mm a.proinfo1_txt_mma1:hover{ background: #f18b5e; color: #fff;}
.proinfo1_txt_mm a.proinfo1_txt_mma2:hover{ background: #1457a0; color: #fff;}
.proinfo1_mm:hover{ color: #1457a0; }
.proinfo1_mm:hover .proinfo1_mm_p2{  background: url(../images/icon1h.png) no-repeat center; }
.proinfo2c a:hover{ color: #63cb6d; }
.proinfo3cs a:hover{ background:#1457a0; color: #fff;}
.proinfo3cs a:hover .proinfo3cs_ft{ color: #fff; }
.proinfo3cs a:hover .proinfo3cs_dc{ color: #fff; }
/*******Css customer*******/
.customer{ overflow: hidden; margin-top: 20px;}
.customer a{ width: 49%; float: left; text-align: center; margin-top: 10px;}
.customer a:nth-child(2n){ float: right; }
.customer_info{ overflow: hidden; margin-top: 20px;}
.customer_info_img{ text-align: center; border: solid 1px #dedede;}
.customer_info_img img{ width: 100%; }
.customer_info_txt .page_Content{ margin: 0px; }
@media (min-width:992px) 
{
    .customer a{ width: 32%; margin-right: 2%; margin-top: 15px;}
    .customer a:nth-child(2n){ float: left; }
    .customer a:nth-child(3n){ margin-right: 0px; }
    .customer_info_img{ width: 45%; float: left;}
    .customer_info_txt{ width: 50%; float: right; }
}
@media (min-width:1200px) 
{
    .customer{ margin-top: 30px; }
    .customer a{ margin-top: 25px; }
    .customer_info{ margin-top: 30px; }
}
@media (min-width:1601px) 
{
    .customer{ margin-top: 40px; }
    .customer a{ margin-top: 35px; }
    .customer_info{ margin-top: 40px; }
}
/*******Css strength*******/
#strength{ overflow: hidden; margin-top: 25px;}
#strength a{ width: 100%; float: left; outline: none;}
.strength_txt{ height: 48px; line-height: 48px; overflow: hidden; font-size: 13px; text-align: center;}
@media (min-width:768px) 
{
    #strength a{ width: 49%; float: left;}
    #strength a:nth-child(2n){ float: right; }
}
@media (min-width:1200px) 
{
    #strength{ margin-top: 50px; }
    .strength_txt{ height: 70px; line-height: 70px; font-size: 15px;}
}
@media (min-width:1601px) 
{
    #strength{ margin-top: 80px; }
    #strength a{ width: 48.5%; }
    .strength_txt{ height: 100px; line-height: 100px; font-size: 20px;}
}
#dstrength{ overflow: hidden; margin-top: 25px;}
#dstrength_img{background-repeat: no-repeat; background-position: top center; background-size:cover; background-attachment: fixed;}
#dstrength_txt{ background: #191919; padding: 12px 0px; text-align: center;}
.dstrength_txt_tt{ color: #fff; font-size: 18px;}
.dstrength_txt_ft{ color: #929292; margin-top: 4px;}
.float-panel{ width:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center; }
.dstrengths_txt_cc{ display: inline-block;   padding: 35px 40px; background: rgba(0, 0, 0, 0.35);}
.dstrengths_txt_tt{ color: #fff; font-size: 28px;}
.dstrengths_txt_ft{ color: rgba(255, 255, 255, 0.8); margin-top: 10px;}
@media (min-width:768px) 
{
    #dstrength_txt{ padding: 20px 0px; }
}
@media (min-width:1200px) 
{
    #dstrength{ margin-top: 50px; }
    #dstrength_txt{ padding: 26px 0px; }
    .dstrength_txt_tt{ font-size: 24px; }
    .dstrength_txt_ft{ margin-top: 10px; }
    .sl_img{ margin-top: 25px; }
    #pproduct2{ height: auto; }
}
@media (min-width:1601px) 
{
    #dstrength{ margin-top: 100px; }
    #dstrength_txt{ padding: 32px 0px; }
    .dstrength_txt_tt{ font-size: 30px; }
    .dstrength_txt_ft{ margin-top: 12px; }
    .dstrengths_txt_cc{ padding: 45px 55px; }
    .dstrengths_txt_tt{ color: #fff; font-size: 36px;}
    .dstrengths_txt_ft{ margin-top: 20px; }
    .sl_img{ margin-top: 45px; }
}

/*******Css newslist*******/
#newslist{ overflow: hidden; margin-top: 10px;}
#newslist a{ width: 100%; float: left; margin-top: 15px; background: #fff;}
.newslist_txt{ padding: 15px; }
.newslist_txt_tt{ height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; font-weight: bold;}
.newslist_txt_dc{ line-height: 20px; height: 60px; overflow: hidden; color: #888; margin-top: 5px;}
.newslist_txt_time{ color: #999; height: 20px; line-height: 20px;}
.newslist_txt_time i{ float: left; }
.newslist_txt_time span{ margin-left: 5px; float: left; }
.newslist_txt_mm{ margin-top: 10px; color: #1457a0; position: relative; height: 20px; line-height: 20px;}
.newslist_txt_mm i{ width: 0px; height: 2px; margin-top: 9px; background: #63cb6d; transition: all 0.3s; float: left;}
.newslist_txt_mm span{ float: left; }
@media (min-width:768px) 
{
    #newslist a{ width: 49%; float: left;}
    #newslist a:nth-child(2n){ float: right; }
}
@media (min-width:1200px) 
{
    #newslist{ margin-top: 15px; }
    #newslist a{ width: 48.5%; margin-top: 35px;}
    .newslist_txt{ padding: 20px 20px 25px 20px; }
    .newslist_txt_tt{ height: 40px; line-height: 40px; font-size: 16px;}
    .newslist_txt_dc{ margin-top: 10px; line-height: 23px; height: 69px;}
}
@media (min-width:1601px) 
{
    #newslist{ margin-top: 20px; }
    #newslist a{ width: 48.3%; margin-top: 55px;}
    .newslist_txt{ padding: 30px 30px 35px 30px; }
    .newslist_txt_time span{ font-size: 14px; }
    .newslist_txt_tt{ height: 42px; line-height: 42px; font-size: 18px;}
    .newslist_txt_dc{ line-height: 28px; height: 56px;}
    .newslist_txt_mm{ margin-top: 20px; }
}
#newslist a:hover{ background:#1457a0; color: #fff; }
#newslist a:hover .newslist_txt_dc{ color: rgba(255, 255, 255, 0.9); }
#newslist a:hover .newslist_txt_time{ color: rgba(255, 255, 255, 0.9); }
#newslist a:hover .newslist_txt_mm{ color: #fff;}
#newslist a:hover .newslist_txt_mm i{ width: 40px; margin-right: 10px;}
#newslists{ overflow: hidden; margin-top: 10px;}
#newslists a{ transition: .5s ease-in-out; width: 100%; float: left; margin-top: 15px; background: #fff; padding: 15px;}
.newslists_txt_time{ color: #999; height: 20px; line-height: 20px;}
.newslists_txt_time i{ float: left; }
.newslists_txt_time span{ margin-left: 5px; float: left; }
.newslists_txt_tt{ height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; font-weight: bold;}
.newslists_txt_dc{ line-height: 20px; height: 40px; overflow: hidden; color: #888; margin-top: 10px;}
.newslists_txt_mm{ margin-top: 10px; color: #1457a0; position: relative; height: 20px; line-height: 20px;}
.newslists_txt_mm i{ width: 0px; height: 2px; margin-top: 9px; background: #63cb6d; transition: all 0.3s; float: left;}
.newslists_txt_mm span{ float: left; }
.newslists_img{ margin-top: 10px; }
@media (min-width:768px) 
{
    #newslists a{ width: 50%; float: left; background: #f5f5f5; padding: 20px 15px; margin-top: 0px; border-right:solid 1px #ddd;}
    #newslists a:nth-child(2n+1){ border-left:solid 1px #ddd; }
}
@media (min-width:1200px) 
{
    #newslists{ margin-top: 15px; }
    #newslists a{ width: 33.3333333333%; padding: 25px 25px 25px 30px;}
    #newslists a:nth-child(2n+1){ border-left:0px; }
    #newslists a:nth-child(3n+1){ border-left:solid 1px #ddd; }
    .newslists_txt_time{ font-size: 12px; }
    .newslists_txt_tt{ height: 40px; line-height: 40px; font-size: 16px;}
    .newslists_txt_dc{ margin-top: 20px; line-height: 23px; height: 46px;}
    .newslists_img{ margin-top: 15px; }
    .newslists_txt_mm{ margin-top: 20px; }
}
@media (min-width:1601px) 
{
    #newslists{ margin-top: 20px; }
    #newslists a{ padding: 35px 40px 40px 40px;}
    .newslists_txt_time{ font-size: 13px; }
    .newslists_txt_tt{ height: 42px; line-height: 42px; font-size: 18px;}
    .newslists_txt_dc{ margin-top: 25px; line-height: 28px; height: 56px;}
    .newslists_img{ margin-top: 30px; }
    .newslists_txt_mm{ margin-top: 35px; }
}
@keyframes tmhd {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-30px);
  }
  75% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(-50px);
  }
}
#newslists a:hover{ background:#1457a0; color: #fff; }
#newslists a:hover .newslists_txt_dc{ color: rgba(255, 255, 255, 0.9); }
#newslists a:hover .newslists_txt_time{ color: rgba(255, 255, 255, 0.9); }
#newslists a:hover .newslists_txt_mm{ color: #fff;}
#newslists a:hover .newslists_txt_mm i{ width: 40px; margin-right: 10px;}
#newslists a:hover .newslists_img img{ animation-duration: 5s;
  animation-timing-function: linear;
  animation-name: tmhd;animation-iteration-count:infinite; }

/*******Css info*******/
#warps{ padding-top: 20px; }
#page_Title{ line-height:1.8; font-size:16px; text-align:center; }
#page_Titles{ line-height:1.8; font-size:20px; text-align:center; }
.page_Info{ height:36px; line-height: 36px; margin-top: 15px; color:#666;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.page_Infoleft { padding-left: 30px; float: left;}
.page_Infoleft i{ margin-right: 5px; }
#infoImage{ text-align:center; margin:15px 0 15px 0;}
#infoImage img{ max-width:100%;}
@media (min-width:1200px) 
{
    #warps{ padding-top: 40px; }
    .right_side{ width: 78%; float: left; background: #fff; border-radius: 10px; padding: 25px 30px;}
    .left_side{ width: 20%; float: right; }
    #page_Title{ font-size: 20px; }
    #page_Titles{ font-size: 30px; }
    .page_Info{ height: 44px; line-height: 44px; margin-top: 10px; }
    #infoImage{ margin:25px 0 25px 0; }
    #infoImage img{ width: 80%; margin: 0px auto;}
    .left_cls{ background: #fff; padding: 20px; border-radius: 10px; }
    .left_cls_tt{ font-size:18px; font-weight: bold; color: #1457a0; position: relative; padding-bottom: 10px;}
    .left_cls_tt:after{ content: "";position: absolute;z-index: 3;
    width: 40px;height: 2px;bottom: 0;left: 0; background: #1457a0; }
    .left_cls_cc{ overflow: hidden; margin-top: 10px;}
    .left_cls_cc a{ width: 100%; float: left; margin-top: 15px;}
    .left_cls_txt{ height: 32px; line-height: 32px; overflow: hidden; text-align: center; }
    .left_contact{ background: #fff; padding: 20px; border-radius: 10px; margin-top: 25px; }
  .left_contact_p1{ font-size: 18px; font-weight: bold; color: #1457a0; position: relative; padding-bottom: 10px;}
  .left_contact_p1:after{ content: "";position: absolute;z-index: 3;
    width: 40px;height: 2px;bottom: 0;left: 0; background: #1457a0; }
  .left_contact_p2{ color: #1457a0; font-size: 20px; margin-top: 6px; margin-bottom: 10px;}
  .left_contact_p3{ line-height: 1.8; color: #888; margin-top: 6px;}
  .left_contact_p4{ color: #888888; margin-top: 10px; }
  .left_contact_p4 b{ color: #1457a0; }
  .left_contact_p5{ color: #1457a0; font-size: 20px; font-weight: bold;}
}
@media (min-width:1601px) 
{
    #warps{ padding-top: 60px; }
    .right_side{ padding: 35px 50px; }
    #page_Title{ font-size: 24px; }
    #page_Titles{ font-size: 42px; }
    .page_Info{ height: 50px; line-height: 50px; margin-top: 20px; }
    #infoImage{ margin:35px 0 35px 0; }
    .left_cls_tt{ font-size: 20px; padding-bottom: 16px;}
    .left_contact_p1{ font-size: 20px; padding-bottom:16px;}
    .left_cls_cc{ margin-top: 15px; }
    .left_cls_cc a{ margin-top: 20px; }
    .left_cls_txt{ height: 42px; line-height: 42px;}
    .left_contact_p2{ margin-bottom: 15px; margin-top: 25px;}
}
#contact1{ padding-top: 25px; }
#contact2{ padding: 25px 0px; background: #f5f5f5;}
.contact1_tt{ text-align: center; font-size: 20px;}
.company2_ft{ text-align: center; margin-top: 5px; color: #888;}
.contact1_ul{ overflow: hidden; margin-top: 10px;}
.contact1_ul li{ padding: 15px 15px 15px 65px; position: relative; transition: all 0.3s; background: #fff; width: 100%; float: left; margin-top: 15px;}
.contact1_ul li span{ color: #1457a0; font-size:34px; width: 40px; text-align: center; height: 45px; line-height: 45px; top: 50%; margin-top: -22px; position: absolute; left: 15px;}
.contact1li_p1{ font-size: 13px; font-weight: bold;}
.contact1li_p2{ font-size: 16px; margin-top: 5px;}
.contact1li_p2 a{ color: #1457a0; }
.contact-map {
  overflow: hidden;
}
.contact-map #dituContent {
  width: 100%;
  height: 400px;
}
.pmess{ margin-top: 20px; overflow: hidden;}
.pmess li{ margin-top: 10px; overflow: hidden;}
.morder_InputText{ outline: none; width: 100%; padding: 0px 15px; background: #fff; border-radius: 3px; height: 42px; line-height: 42px;}
.morder_textarea{ outline: none; width: 100%; padding:15px; background: #fff; border-radius: 3px; height: 96px; line-height: 22px; }
.morder_captcha{ float: left; outline: none; width: 120px; padding: 0px 15px; background: #fff; border-radius: 3px; height: 42px; line-height: 42px;}
.morder_verifyImg{ float: left; height: 42px;}
.morder_But{ margin-top: 15px; width: 100%; float: left; background: #1457a0; color: #fff; font-size: 13px; text-align: center; border-radius: 3px; height: 42px; line-height: 42px;}
.contact1ul{ overflow: hidden; padding: 10px 0px; margin-top: 20px; margin-bottom: 10px; border-top: solid 1px #eee;}
.contact1ul li{ margin: 10px 0px; width: 50%; float: left; text-align: center; padding: 0px 15px;}
.contact1lis_p1{ font-size: 30px; color:#1457a0;}
.contact1lis_p2{ color: #888; font-size: 13px;}
.contact1lis_p3{ margin-top: 5px; font-size: 16px; font-weight: bold;}
@media (min-width:768px) 
{
    .contact1_ul li{ width: 48%; float: left;}
    .contact1_ul li:nth-child(2){ float: right; }
    .contact1_ul li:nth-child(3){ width: 100%; }
    .pmess li{ width: 100%; float: left;}
    .pmess li:nth-child(1){ width: 49%; }
    .pmess li:nth-child(2){ width: 49%; float: right;}
    .morder_But{ margin-top: 0px; width: 30%; float: right;}
    .contact1ul li{ width: 25%; }
}
@media (min-width:992px) 
{
    .contact1_ul li{ width: 26%; margin-right: 2%;}
    .contact1_ul li:nth-child(2){ width:26%; float: left; }
    .contact1_ul li:nth-child(3){ width: 44%; margin-right: 0px; }
}
@media (min-width:1200px) 
{
    #contact1{ padding-top: 45px; }
    #contact2{ padding: 40px 0px; }
    .contact1_tt{ font-size: 30px; }
    .contact1_ul{ margin-top: 15px; }
    .contact1_ul li{ padding: 20px 20px 20px 75px; }
    .contact1_ul li span{ font-size:40px; width: 45px; }
    .contact1li_p1{ font-size: 15px; }
    .contact1li_p2{ margin-top: 8px; font-size: 18px;}
    .contact-map #dituContent {
        height: 480px;
    }
    .pmess{ margin-top: 25px; }
    .morder_InputText{ padding: 0px 20px; border-radius: 5px; height: 50px; line-height: 50px;}
    .morder_textarea{ padding:20px; border-radius: 5px; height: 115px; line-height: 25px; }
    .morder_captcha{ width: 160px; padding: 0px 20px; border-radius: 5px; height: 50px; line-height: 50px;}
    .morder_verifyImg{ height: 50px;}
    .morder_But{  font-size: 15px; height: 50px; line-height: 50px;}
    .contact1ul{ padding: 20px 0px; margin-top: 20px; margin-bottom: 15px;}
    .contact1ul li{ padding: 0px 25px; }
    .contact1lis_p1{ font-size: 40px; }
    .contact1lis_p2{ font-size: 15px; }
    .contact1lis_p3{ margin-top: 8px; font-size: 18px;}
}
@media (min-width:1601px) 
{
    #contact1{ padding-top: 90px; }
    #contact2{ padding: 75px 0px; }
    .contact1_tt{ font-size: 46px; }
    .contact1_ul{ margin-top: 25px; }
    .contact1_ul li{ padding: 30px 30px 30px 95px; }
    .contact1_ul li span{ font-size:50px; width: 60px; }
    .contact1li_p1{ font-size: 16px; }
    .contact1li_p2{ margin-top: 10px; font-size: 20px;}
    .contact-map #dituContent {
        height: 480px;
    }
    .pmess{ margin-top: 35px; }
    .pmess li{ margin-top: 15px; }
    .morder_InputText{ height: 60px; line-height: 60px;}
    .morder_textarea{ height: 140px; line-height: 30px; }
    .morder_captcha{ width: 180px; height: 60px; line-height: 60px;}
    .morder_verifyImg{ height: 60px;}
    .morder_But{  font-size: 16px; height: 60px; line-height: 60px;}
    .contact1ul{ padding: 25px 0px; margin-top: 30px; margin-bottom: 35px;}
    .contact1ul li{ padding: 0px 35px; }
    .contact1lis_p1{ font-size: 45px; }
    .contact1lis_p2{ font-size: 16px; }
    .contact1lis_p3{ margin-top: 15px; font-size: 20px;}
}
.contact1_ul li:hover{ background: #1457a0; color: #fff; cursor: pointer;}
.contact1_ul li:hover span{ color: #fff; }
.contact1_ul li:hover a{ color: #fff; }
.morder_But:hover{ background: #f18b5e; color: #fff;}

.popnews{ position:fixed; width:100%; height:100%; z-index:9999; left:0; top:0; overflow:hidden; visibility:hidden; transition:0.54s;}
.popbgs{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,0.7); opacity:0; visibility:hidden; transition:0.54s 0.4s;}
.popclose{ width:50px; height:50px; position:fixed; left:30px; top:50%; margin-top:-25px; background:url(../images/close.png) center no-repeat; background-size:cover; cursor:pointer; z-index:5; transition:all 0.42s; left:-50px;}
.popclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.poptext{ height:100%; position:absolute; width:calc(100% - 20px); left:100%; top:0; z-index:4; transition:0.58s;}
.popwrs{ background:#fff; height:100%; min-height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; overflow:scroll\9;}
.popwrs::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}
.popwrs::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #379927;}
.popwrs::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}
.popnews.show{visibility:visible;}
.popnews.show .popbgs{ opacity:1; visibility:visible; transition:0.65s;}
.popnews.show .popclose{ left:0px; transition:0.4s 0.3s left,0.4s transform;}
.popnews.show .poptext{ left:10px; right:10px;}
.popnewtext{ padding:20px 0px; }
.popnewtext .containers{ width: 92%; margin: 0px auto; } 
@media (min-width:768px) 
{
    .poptext{ width:calc(100% - 100px); }
    .popnews.show .poptext{ left:50px; right:50px;}
    .popnews.show .popclose{ left:10px }
    .popnewtext .containers{ width: 91%;} 
}
@media (min-width:1200px) 
{
    .poptext{ width:calc(100% - 160px); }
    .popnews.show .poptext{ left:80px; right:80px;}
    .popnews.show .popclose{ left:30px }
    .popnewtext{ padding:40px 0px;}
    .popnewtext .containers{ width: 88%;}
}
@media (min-width:1601px) 
{
    .popnewtext{ padding:80px 0px; }
    .popnewtext .containers{ width: 1300px;}
}

/*******Css prev_next*******/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #1457a0; }
#prev_next li div{ display: inline-block; }